• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Align</title>
7
    <style>
8
        body {
9
            padding: 0;
10
            margin: 0;
11
        }
12
        div {
13
            border: 3px solid #4B0082;
14
            width: 350px;
15
            padding: 10px;
16
            margin: 0;
17
        }
18
        div.left { float: left }
19
        div.right { float: right }
20
    </style>
21
</head>
22
​
23
<body>
24
​
25
    <h1>float 속성을 이용한 좌우 정렬</h1>
26
    <div class="left">float 속성값으로 left 또는 right를 사용하면,<br>
27
    수평으로 좌우 정렬을 할 수 있어요!
28
    </div>
29
    <div class="right">float 속성값으로 left 또는 right를 사용하면,<br>
30
    수평으로 좌우 정렬을 할 수 있어요!
31
    </div>
32
​
33
</body>
34
​
35
</html>