128강. clearfix 적용
2019. 2. 15. 17:04ㆍFront End 강의내용
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.container{
padding: 20px;
background-color: cadetblue;
}
.box{
height: 100px;
background-color: teal;
margin: 5px;
width: 22%;
float: left;
}
.container::after{
content: '';
display: block;
clear: both;
}
/* after 중요파트*/
</style>
</head>
<body>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
'Front End 강의내용' 카테고리의 다른 글
| 127강. select the text 적용 (0) | 2019.02.14 |
|---|---|
| 126강. Dropcap 적용 (0) | 2019.02.13 |
| 125강. ::before, ::after 적용 (0) | 2019.02.13 |
| 124강. ::first-letter, ::first-line, ::selector 적용 (0) | 2019.02.13 |
| 122강. only-of-type 적용 (0) | 2019.02.12 |