레이아웃을 구성할 때 float을 사용하곤 합니다. 본 글에서는 float를 이용하여, 블록(block) 요소를 좌우로 배치하는 방법에 대해 소개합니다. float 속성현재는 flex나 grid를 사용하여 레이아웃을 많이 구성하지만, 이전에는 float를 이용하여 레이아웃을 많이 구성했습니다. float는 요소를 띄워서 값으로 left, right로 왼쪽 혹은 오른쪽으로 배치할 수 있습니다..left { float: left;}.right { float: right;} float로 좌우 배치2개의 box를 만들고, 각각 float: left와 float: right 스타일을 적용합니다. 하지만, container 요소에 border 값을 설정했는데, border를 보면 box를 감싸고 있지 ..