📌 float
float 속성은 일반적인 흐름에서 분리된 요소를 부모 요소 라인박스의 왼쪽이나 오른쪽에 배치합니다. 이렇게 지정된 요소는 다른 요소의 배치에 영향을 끼칩니다.
img {
float: left;
}
MDN float 속성
📌 clear
clear는 float 속성으로 선언된 요소 다음에 위치한 요소를 float이 적용된 요소 아래로 배치하고자 할 때 사용할 수 있으며 블록 요소에 선언할 때 유효합니다.
div {
clear: both;
}
MDN clear 속성
📌 position