본문 바로가기
HTML Javascript css

[HTML + CSS] div 태그 CSS 가운데 정렬

by 유혁. 2017. 7. 3.

 

div 태그 가운데 정렬입니다.

 

 

div {
    width: 100px;
    height: 100px;
    background-color: #FAED7D;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

 

<body>

<div class="div"/>

</body>

 

 

 

 

참고

https://stackoverflow.com/questions/356809/best-way-to-center-a-div-on-a-page-vertically-and-horizontally