<!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 모두 줄바꿈
'HtmlCss > CSS' 카테고리의 다른 글
Css-layout (0) | 2019.05.26 |
---|---|
Css - z-index (0) | 2019.05.26 |
Css- table (0) | 2019.05.25 |
CSS- 박스모델 (0) | 2019.05.25 |
CSS - 자식필터 (0) | 2019.05.25 |