TAG
CSS
Result
Run
License
<div class="box"> <h4>좌우 margin의 값을 'auto'로 설정시 다음 아래의 조건을 가져야 가로 방향 가운데 위치한다.</h4> <ul> <li>inline, inline-block 요소가 아니어야 한다.</li> <li>부모 요소의 가로 크기보다 작아야 한다.</li> </ul> </div>
.box { width: 300px; background: #CCC; margin: 0 auto; padding: 5px; position: relative; } .box::before { content: "오른쪽과 같은 margin"; position: absolute; top: 20px; right: 101%; color: #FF0000; } .box::after { content: "왼쪽과 같은 margin"; position: absolute; top: 20px; left: 101%; color: #FF0000; }
Console
expand_less
License
License
by DevDic
Close