개념
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 100px;
height: 100px;
float: left;
}
div#a {
background: #52D4FF;
}
</style>
</head>
<body>
<!--
float 은 해당 요소를 어떻게 정렬할지를 정의하는 css 속성이다.
float 속성은 묶음 태그(block element) 만 적용할 수 있다.
묶음 태그 : <div> <p> <ol> <ul> <table> <img> 등
left : 왼쪽으로 정렬한다.
right: 오른쪽으로 정렬한다.
-->
<div id="a">
a 영역
</div>
a 영역이 있습니다.
</body>
</html>
HTML
복사