[CSS] float

css의 float property에 대해 이야기해보고자 한다.

• float은 글과 이미지를 같이 나열하기 위해 고안된 속성으로, layout을 잡을 때 많이 사용된다. 하지만, 현대에는 flex 속성을 이용해 layout을 잡기 때문에 float은 잘 사용되지 않는다.

• float property에 입력 가능한 값은 right, left, none이 있다.

• 이미지와 글을 같은 level의 요소로 작성했을때, 이미지에 float: none 속성을 부여하면, 이미지 옆에는 1줄의 글만 렌더링 되지만,
  float: left 또는 float: right 속성을 부여하면, 그림의 높이만큼 여러줄의 글이 렌더링 된다.