float

[TIL] float 또는 inline-block으로 수평정렬

위의 화면과 같이 정렬하는 방법은 2가지가 있다. 1. float로 수평 정렬하기 2. inline-block으로 수평 정렬하기 1. float로 수평 정렬 float 속성은 요소들을 화면위에 띄우는 속성이다. float 속성으로 박스 두개를 왼쪽으로 정렬할 수 있다. HTML left-box right-box next-box float 속성으로 가로 정렬할 때 float 박스들을 싸매는 하나의 큰 div 박스를 만들고 폭을 지정해주는 게 좋다. CSS .left-box { float : left; background-color: dodgerblue; width: 50%; height: 200px; } .right-box { float: left; background-color: darkviolet; w..