[css] CSS clear를 사용하여 폼 요소의 레이아웃을 정렬하는 방법은?

예를 들어, 폼 요소들을 가로로 배치하고 싶을 때 각 폼 요소의 레이아웃을 clear 속성을 사용하여 조절할 수 있습니다. 예를 들어, 다음처럼 사용할 수 있습니다:

input {
  float: left;
  clear: left;
  margin-right: 10px;
}

이 예시에서 float: left는 요소를 왼쪽으로 띄워서 가로 배치하고, clear: left는 왼쪽에 띄워진 요소들의 영향을 받지 않도록 설정합니다. 이렇게 함으로써 폼 요소들을 가로로 정렬할 수 있습니다.

더 자세한 내용은 아래의 MDN 웹 문서를 참고하시기 바랍니다. MDN Web Docs - clear