Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에서 두 개의 div를 수평으로 정렬하는 방법은 무엇입니까?


HTML에서 두 div를 수평으로 정렬하려면 왼쪽 값과 함께 float CSS 속성을 사용하세요. 다음 코드를 실행하여 div를 수평으로 정렬하는 방법을 배울 수 있습니다 -

예시

<!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>