css float 태그 내용을 옆으로 나란히 띄우기

float 웹페이지의 레이아웃을 디자인할때 아주 중요한 속성

    img{
      border:1px solid red;
      float:left;
    }

>> content가 나란히 오게됨

적용>>

>> float를 지정하지 않았을 때

이미지 옆에 텍스트가 한줄만 나옴

>> float:left 지정했을 때

이미지 옆 맨 윗쪽부터 텍스트가 여러줄로 붙게됨...