[css] CSS clear를 사용하여 텍스트 요소와 이미지 요소를 어떻게 배치할 수 있을까요?
예를 들어, 다음과 같이 텍스트 요소와 이미지 요소를 배치할 수 있습니다.
.text {
float: left;
clear: left;
}
.image {
float: left;
}
텍스트 요소와 이미지 요소를 왼쪽으로 플로팅하여 옆으로 배치한 후, 텍스트 요소에 clear: left; 속성을 적용하여 왼쪽에 이미지가 있는 경우에만 텍스트 요소가 이미지 아래에 배치되도록 설정할 수 있습니다.
더 자세한 내용은 MDN web docs를 참조하세요.