• 코드:
​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: 300px;
15
            padding: 10px;
16
            margin: 0;
17
            position: absolute;
18
            right: 0;
19
        }
20
    </style>
21
</head>
22
​
23
<body>
24
​
25
    <h1>position 속성을 이용한 좌우 정렬</h1>
26
    <div>absolute position을 사용하면,<br>
27
    수평으로 좌우 정렬을 할 수 있어요!
28
    </div>
29
​
30
</body>
31
​
32
</html>