Chạy thử Ví dụ thực tế về Thẻ aside trong HTML

Chạy thử Ví dụ thực tế về Thẻ aside trong HTML

Chạy thử Ví dụ thực tế về Thẻ aside trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ thực tế về Thẻ aside trong HTML</title>
<style>
section{width:100%;float:left;height:auto}
article{width:70%;float:left;height:500px;background:red;color:#fff}
aside{width:29%;float:right;height:500px;background:green;color:#fff;}
</style>
</head>
<body>
<h1>Chạy thử Ví dụ thực tế về Thẻ aside trong HTML</h1>
<p>Thẻ aside trong HTML, cụ thể là HTML5, được dùng để chứa các bài viết liên quan và nằm bên cạnh nội dung chính của bài viết, thường nội dung bài viết nằm bên trái và thẻ aside nằm bên phải hoặc ngược lại.</p>

<section>
 <article>
  Nội dung bài viết
 </article>
 <aside>
  aside
 </aside>
</section>
</body>
</html>
Chạy thử Ví dụ thực tế về Thẻ aside trong HTML nằm trong bài viết Thẻ aside trong HTML