float에 대해서 알아보자

float은 주로 이미지 주변에 텍스를 감싸기 위해 이용되고 있습니다.
하지만 페이지 전체의 레이아웃을 잡을때도 많이 이용되는 있습니다.

간단하게 예시로 설명하겠습니다.
html

<div class="a">
	<img class="float-left" src="이미지주소">
 	<p>안녕하세요</p>

html에 이런식으로 a라는 클래스가 있고 그 밑에 float-left클래스 가 있으며 src 이미지주소를 통해 웹페이지에 이미지가 생성되며 안녕하세요 라는 텍스트가 나옵니다. 여기서 float-left를 설정해주기 위해 css를 이용해야 합니다.
css

.float-left {
	float: left;
 }

.은 클래스를 의미하며 float-left라는 클래스에 float: left;를 해주면 웹페이지에 표시된 사진 왼쪽으로 글이 나오게 됩니다!!