post 6
RUN
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> #list_post{ border: solid 1px #ddd; width: 600px; margin: 0px auto; } .post{ border: solid 1px #ddd; margin: 10px 20px; overflow: hidden; } .post .thumb{ float:left; width: 200px; } .post .thumb img{ max-width: 100%; display: inherit; } .post .infor{ margin-left: 220px; } .post .infor h3{ margin: 15px 0px 20px 0px; } .post .infor h3 a{ font-size: 18px; text-decoration: none; color: blue; text-transform: uppercase; } </style> </head> <body> <div id="list_post"> <div class="post"> <div class="thumb"> <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/> </div> <div class="infor"> <h3><a href="URL BÀI VIẾT 1">Tiêu đề 1</a></h3> <p> Nội dung mô tả 1 </p> </div> </div> <div class="post"> <div class="thumb"> <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/> </div> <div class="infor"> <h3><a href="URL BÀI VIẾT 1">Tiêu đề 2</a></h3> <p> Nội dung mô tả 2 </p> </div> </div> <div class="post"> <div class="thumb"> <img src="https://freetuts.net/upload/tut_series/images/2015/12/14/39/html-can-ban.jpg" alt=""/> </div> <div class="infor"> <h3><a href="URL BÀI VIẾT ..">Tiêu đề ..</a></h3> <p> Nội dung mô tả .. </p> </div> </div> </div> </body> </html>
PHÓNG TO