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

Căn chỉnh các phần tử bằng cách sử dụng thuộc tính float CSS

Để căn chỉnh các phần tử bằng thuộc tính float trong CSS, bạn có thể thử chạy đoạn mã sau -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            float: right;
            width: 200px;
            border: 1px dashed blue;
            padding: 5px;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <div class = "demo">
         <p>This is demo text and right aligned.</p>
      </div>
   </body>
</html>

Đầu ra

Căn chỉnh các phần tử bằng cách sử dụng thuộc tính float CSS