상세 컨텐츠

본문 제목

[HTML5&CSS3] float

Web/HTML5 & CSS3

by 클리엘 클리엘 2019.11.08 10:48

본문

보통 이미지와 글자가 같이 있는 기사나 블로그 글을 작성할 때 이미지와 글자를 배치하는 용도로 사용하는 속성입니다. float속성을 사용하지 않은걸 예로 들면

 

위와 같이 되지만 float속성을 사용하면

<style type="text/css">
    img
    {
        float: left;
    }
</style>

위와같이 이미지와 글자의 레이아웃을 구성할 수 있습니다. 속성의 값으로는 left와 right를 사용할 수 있으며 인접한 태그를 왼쪽 혹은 오른쪽에 배치할 수 있도록 합니다.

'Web > HTML5 & CSS3' 카테고리의 다른 글

[HTML5&CSS3] 위치  (0) 2019.11.13
[HTML5&CSS3] float  (0) 2019.11.08
[HTML5&CSS3] 폰트  (0) 2019.11.08
[HTML5&CSS3] 배경  (0) 2019.10.29
[HTML5&CSS3] 테두리  (0) 2019.10.28
[HTML5&CSS3] 크기와 여백  (0) 2019.10.24

태그

관련글 더보기

댓글 영역