post 6 RUN
 
1
<!DOCTYPE html>
2
<html lang="en">
3
    <head>
4
        <meta charset="utf-8">
5
        <style type="text/css">
6
            #list_post{
7
                border: solid 1px #ddd;
8
                width: 600px;
9
                margin: 0px auto;
10
            }
11
12
            .post{
13
                border: solid 1px #ddd;
14
                margin: 10px 20px;
15
                overflow: hidden;
16
            }
17
18
            .post .thumb{
19
                float:left;
20
                width: 200px;
21
            }
22
            .post .thumb img{
23
                max-width: 100%;
24
                display: inherit;
25
            }
26
27
            .post .infor{
28
                margin-left: 220px;
29
            }
30
            .post .infor h3{
31
                margin: 15px 0px 20px 0px;
32
            }
33
            .post .infor h3 a{
34
                font-size: 18px;
35
                text-decoration: none;
36
                color: blue;
37
                text-transform: uppercase;
38
            }
39
        </style>
40
    </head>
41
    <body>
42
        <div id="list_post">
43
            <div class="post">
44
                <div class="thumb">
45
                    <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/>
46
                </div>
47
                <div class="infor">
48
                    <h3><a href="URL BÀI VIẾT 1">Tiêu đề 1</a></h3>
49
                    <p>
50
                        Nội dung mô tả 1
51
                    </p>
52
                </div>
53
            </div>
54
            <div class="post">
55
                <div class="thumb">
56
                    <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/>
57
                </div>
58
                <div class="infor">
59
                    <h3><a href="URL BÀI VIẾT 1">Tiêu đề 2</a></h3>
60
                    <p>
61
                        Nội dung mô tả 2
62
                    </p>
63
                </div>
64
            </div>
65
            <div class="post">
66
                <div class="thumb">
67
                    <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/>
68
                </div>
69
                <div class="infor">
70
                    <h3><a href="URL BÀI VIẾT ..">Tiêu đề ..</a></h3>
71
                    <p>
72
                        Nội dung mô tả ..
73
                    </p>
74
                </div>
75
            </div>
76
        </div>
77
    </body>
78
</html>
PHÓNG TO