post 4 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
            }
16
17
            .post .thumb{
18
                float:left;
19
                width: 200px;
20
            }
21
            .post .thumb img{
22
                max-width: 100%;
23
                display: inherit;
24
            }
25
        </style>
26
    </head>
27
    <body>
28
        <div id="list_post">
29
            <div class="post">
30
                <div class="thumb">
31
                    <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/>
32
                </div>
33
                <div class="infor">
34
                    <h3><a href="URL BÀI VIẾT 1">Tiêu đề 1</a></h3>
35
                    <p>
36
                        Nội dung mô tả 1
37
                    </p>
38
                </div>
39
            </div>
40
            <div class="post">
41
                <div class="thumb">
42
                    <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/>
43
                </div>
44
                <div class="infor">
45
                    <h3><a href="URL BÀI VIẾT 1">Tiêu đề 2</a></h3>
46
                    <p>
47
                        Nội dung mô tả 2
48
                    </p>
49
                </div>
50
            </div>
51
            <div class="post">
52
                <div class="thumb">
53
                    <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/>
54
                </div>
55
                <div class="infor">
56
                    <h3><a href="URL BÀI VIẾT ..">Tiêu đề ..</a></h3>
57
                    <p>
58
                        Nội dung mô tả ..
59
                    </p>
60
                </div>
61
            </div>
62
        </div>
63
    </body>
64
</html>
PHÓNG TO