[티스토리] 박스 안 박스 중앙정렬

div 안 div 중앙 정렬

1. 박스 안 중앙정렬 - HTML

<div class="out_box">
  
  <div class="in_box">
 
  </div>
    
</div>

2. 박스 안 중앙정렬 - CSS

.out_box {
 width: 100%;
 text-align: center;
 padding: 20px;
 border:1px solid blue; }
.in_box {
 display: inline-block;
 width: 50%;
 height: 50px;
 border:1px solid red; }

3. 박스 안 중앙정렬 결과