어.. 왜 html 요소들이 내 마음대로 안 배치되고 뭔가 이상한 것 같지..? ㅠㅠ 라고 느낀 당신. 혹시 float 속성을 잘못 사용하지는 않았는가? html에서 block 요소들은 기본적으로 요소마다 한 줄씩 띄워진다. 개발자가 원하는대로 화면을 제어하고, 구성하기 위해서 css에서는 float와 flex 속성을 지원한다. 우리는 이 중 float 속성을 살펴보자. CSS에서는 float 속성을 요소에 적용해서 block 요소들을 상하가 아닌 좌우로 배치되게 만들 수 있다. 다음과 같이 float 를 사용할 수 있다. 다음은 section 부모 요소 안에 3개의 article 자식 요소를 넣는 html 코드이다. 이에 css를 다음과 같이 적용해보자. .floatEx section { border:..
