CSS의 float 속성

float는 이미지나 div 같은 개체를 정렬시켜줄 때 사용을 합니다.

테스트를 하기 위해서 우선 div를 하나 더 추가를 해줍시다.

그리고 css 파일에 들어가서 border로 테두리를 더 명확하게 보이게 하고

float 속성을 넣어보겠습니다.

이렇게 넣었더니 웹페이지에서는 아래와 같이 정렬되어 보이게 됩니다.

원래 div만 사용을 하면 이렇게 정렬이 되지 않고 1열로 정렬이 되어 있는데 float을 쓰니 이렇게 정렬되게

바뀌었습니다. float의 속성 값으로는

inherit, none, left, right 입니다

inherit과 none은 똑같이 적용이 안되던데 무엇이 다른지는 나중에 검색을 해서 알아봐야 할 것 같습니다.