float 속성

float 속성은 텍스트로 둘러싸이는 떠 있는 블록을 설정합니다. float 속성은 때때로 요소의 둘러싸기를 취소하는 속성 clear와 함께 사용됩니다.

원래 float는 텍스트 안에 둘러싸이는 블록을 삽입하기 위해 고안되었지만, 현재는 레이아웃 구성에 매우 널리 그리고 비표준적인 방식으로 사용됩니다.

문법

선택자 {
	float: left | right | none;
}

선택자 {
	clear: both | left | right | none;
}

값	설명
`left`	블록이 왼쪽으로 떠 있으며, 텍스트가 그 블록을 오른쪽으로 둘러쌉니다.
`right`	블록이 오른쪽으로 떠 있으며, 텍스트가 그 블록을 왼쪽으로 둘러쌉니다.
`none`	둘러싸기가 없습니다.

기본값: none.

기본값: none.

float를 비표준적인 방식으로 사용하여, 목록 항목을 한 줄에 배치합니다:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

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