Cách đặt ba thẻ <div> cạnh nhau trong HTML?

Với thuộc tính CSS, bạn dễ dàng đặt ba <div> cạnh nhau trong HTML. Dùng thuộc tính CSS float để đạt được điều này.

Kèm theo đó, thêm height:100px và thiết lập margin.

Ví dụ

Chạy mã sau để đặt ba <div> cạnh nhau:

<!DOCTYPE html> <html>    <head>       <title>HTML div</title>    </head>    <body>       <div style="width: 100px; float:left; height:100px; background:gray; margin:10px">          First DIV       </div>       <div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">          Second DIV       </div>       <div style="width: 100px; float:left; height:100px; background:red; margin:10px">          Third DIV       </div>     </body> </html>