[HTML&CSS] block 요소 좌측,가운데,우측 정렬하는 방법(feat.margin)
2020. 11. 26. 18:56ㆍHTML&CSS&JavaScript
<HTML>
<section>
<div></div>
<div></div>
<div></div>
</section>
<CSS>
section{
border:5px dotted red;
}
div{
width:100px;
height:100px;
background-color:purple;
}
div:nth-child(2){
background-color:green;
margin-left:auto;
margin-right:auto;
}
div:nth-child(3){
background-color:blue;
margin-left:auto;
margin-right:0px;
}
'HTML&CSS&JavaScript' 카테고리의 다른 글
| [HTML&CSS] inherit (0) | 2020.11.27 |
|---|---|
| [HTML&CSS] inline grid (0) | 2020.11.26 |
| [HTML&CSS] nth-child, first-child, last-child (0) | 2020.11.26 |
| [HTML&CSS] 이미지 기본 특성 (0) | 2020.11.25 |
| [HTML&CSS] margin, padding (0) | 2020.11.25 |