CSS 속성을 사용하면 HTML에 두 개의
를 쉽게 나란히 넣을 수 있습니다. 이를 위해 CSS 속성 float를 사용하십시오.
여기서 height:100px를 추가하고 여백을 설정합니다.
예시
다음 코드를 실행하여 두 개의
를 나란히 배치할 수 있습니다.
<!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>