[CSS] div 가로 정렬 하기 -float

<sapn>태그는  인라인 요소이기 때문에 줄바꿈 되지 않고 가로로 나열된다.

<div> 태그는 블록요소이기 때문에 자동으로 한줄을 차지한다.

그러나 <span>태그는 안에 문자만 들어가게 작성하는 것이 좋다.

그래서  <div>태그를 가로로 정렬하기 위해서  css속성 중에  float 을 사용하여 준다.

 

float : left ➡️ 왼쪽으로 가로정렬

float : right ➡️ 오른쪽으로 가로정렬