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

Làm thế nào để căn chỉnh hai div theo chiều ngang trong HTML?


Để căn chỉnh hai div theo chiều ngang trong HTML, hãy sử dụng thuộc tính float CSS với giá trị bên trái. Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách căn chỉnh các div theo chiều ngang -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
.demo div {
    float: left;
    clear: none;
}
</style>
</head>
<body>
<div class="demo">
     <div>
        <span>div1</span>
        <select size="5">
           <option value="c1">India</option>
           <option value="c2">US</option>
           <option value="c3">UK</option>
           <option value="c4">Australia</option>
        </select>
    </div>
    <div>
        <span>div2</span>
        <select size="5">
           <option value="r1">1</option>
           <option value="r2">2</option>
           <option value="r3">3</option>
           <option value="r4">4</option>
        </select>
    </div>
</div>
</body>
</html>