Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào chúng ta có thể đặt ba bộ phận
cạnh nhau trong HTML?

Với thuộc tính CSS, bạn có thể dễ dàng đặt ba

cạnh nhau trong HTML. Sử dụng float thuộc tính CSS để đạt được điều này.

Sau đó, thêm chiều cao:100px và đặt lề. Làm thế nào chúng ta có thể đặt ba bộ phận div cạnh nhau trong HTML?

Ví dụ

Bạn có thể thử chạy mã sau để đặt ba

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>