반응형 시멘틱태그1 [HTML/CSS] float 속성과 요소의 위치 지정 방법 총정리 웹 페이지의 요소를 자유롭게 배치하고 시각적인 레이아웃을 구성하기 위해 사용하는 float, clear, position, 시멘틱 태그에 대해 정리하였습니다. 실습 예제와 함께 구성해 실무와 학습에 도움이 되도록 정리하였습니다. 1. float 속성float 속성은 요소를 왼쪽(left) 또는 오른쪽(right)에 띄워서 배치할 수 있도록 해주는 속성입니다. 주로 이미지나 박스를 문단 옆에 배치할 때 사용됩니다.img { float: right;} 위 코드는 이미지를 오른쪽에 배치하며, 주변 텍스트는 왼쪽에 흐르듯 정렬됩니다. 2. clear 속성clear 속성은 float 속성에 의해 흐르는 레이아웃을 무효화하여 아래 요소가 float 영향을 받지 않도록 만듭니다.#box3 { clear: left.. 2024. 7. 8. 이전 1 다음 반응형
