• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Flexible Box Layout</title>
7
    <style>
8
        body { direction: rtl; }
9
        #flex {
10
            background-color: dimgray;
11
            width: 400px;
12
            height: 150px;
13
            border-radius: 15px;
14
            display: -webkit-flex;
15
            display: flex;
16
        }
17
        .item {
18
            background-color: darkgray;
19
            border-radius: 10px;
20
            width: 80px;
21
            height: 50px;
22
            margin: 10px;
23
            color: white;
24
            font-size: 26px;
25
            text-align: center;
26
            line-height: 50px;
27
        }
28
    </style>
29
</head>
30
​
31
<body>
32
​
33
    <h1>플렉스 라인(flex line) - rtl</h1>
34
​
35
    <div id="flex">
36
        <div class="item">1</div>
37
        <div class="item">2</div>
38
        <div class="item">3</div>
39
    </div>
40
​
41
</body>
42
​
43
</html>