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

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

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

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

Sau đó, thêm height:100px và đặt lề.

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

Ví dụ

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

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>
   </body>
</html>