HtmlCss/CSS

Css- float

플람 2019. 5. 26. 02:20 
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        div { width:80px; height:80px; border:1px solid blue;
                margin : 5px; float : none;
        }
        div.newLine{
            clear:both; 
        }               
        img {
            border:1px solid black;
            float:left;
        }
        </style>

 

float 기능

left: 왼쪽으로

right: 오른쪽으로

none: 실행하지 않음.

 

clear의 기능

 

left : float의 값이 left인것만 줄바꿈

right: float의 값이 right인것만 줄바꿈

both: left,right 모두 줄바꿈