css에서 float 라는 속성은 본문안에서 이미지를 삽입할떄에 자연스럽게 보이게 하기 위한 속성이라고 할수가 있습니다. 이미지 뿐만 아니라 레이아웃을 잡는데에 사용되기도 합니다.
텍스트를 이미지 믿으로 넣고자 한다면 style 속성을 clear 로 넣고 both 속성을 넣게되면 자연스럽게 이미지 믿으로 나타나게 됩니다.
float의 사용빈도는 80%가 넘을 정도로 많이 사용이 되며 속성으로 clear 역시 사용빈도가 높은만큼 기능에 대해서 알아볼 필요가 있습니다.
본문에 이미지 태그 img src 를 p 태그로 삽입하여, style 에서 img{} 안에 width 는 300px float 를 left 속성을 넣을때 자연스럽게 이미지에 텍스트가 삽입되며 margin 값을 right 20, bottom 값을 10 으로 넣습니다.
텍스트를 이미지 믿으로 넣고자 한다면 style 속성을 clear 로 넣고 both 속성을 넣게되면 자연스럽게 이미지 믿으로 나타나게 됩니다.
지금까지 float 의 기능과 속성에 대해서 살펴보았으며 기본적으로 이미지를 삽입할떄 많이 사용되는 태그인만큼 기능에 대해서 알아두는것이 좋습니다.
