[HTML / CSS] 이미지를 띄워주는 float 속성

devCecy·2020년 11월 18일
0

HTML / CSS

목록 보기
9/9
post-thumbnail

float 속성

float 속성은 이미지를 띄워서 텍스트를 이미지 주변에 배치되도록 만들어준다.

float을 사용하지 않는다면?

이미지와 텍스트 사이에 빈 공간이 생기게된다.

float를 사용해주면?

float:left;를 사용해주면, 라이언 이미지가 왼쪽에 뜨게 되고 텍스트들이 그 주변을 감싸준다.

float:right;를 사용해주면 라이언이미지가 오른쪽에 뜨게 되고, 텍스트들이 그 주변을 감싸준다.

profile
https://velog.io/@dev_cecy 로 벨로그 옮겼습니다👻❣️

0개의 댓글