텍스트 정렬을 사용하지 않고 콘텐츠를 가운데 맞추는 방법 : center

Question

text-align : center;를 사용하지 않고 콘텐츠를 가운데에 배치하려면 어떻게해야합니까? 내 코드는 다음과 같습니다. 아래 코드는 콘텐츠를 중앙에 배치하지 않습니다. 시간 내 주셔서 감사합니다.

.feat_wrapper{ 
 
width:20%; 
 
margin:0 auto; 
 

 
}

<div class="feat_wrapper"> 
 
<div class="product_image"> 
 
<img src="landing_product.png" alt="sweater"> 
 
</div> 
 

 
<div class="content"> 
 
CITY SCAPE <br>SHIRTS 
 
</div> 
 
</div>

<div class="feat_wrapper"> 
<div class="product_image"> 
<img src="landing_product.png" alt="sweater"> 
</div> 

<div class="content"> 
CITY SCAPE <br>SHIRTS 
</div> 
</div> 


.feat_wrapper{ 

margin-left:auto; 
margin-right: auto; 


} 

Answer 1

난 당신이 수평으로 중심을 의미 가정,하지만 당신은 수직뿐만 아니라 의미 경우, 의견을주십시오 해요

(변경 사항 만은 CSS에 있었다), 그리고 나는 것 그것도 도와주세요.

Answer 2

당신은 예를 들어, DIV 의 폭 요소를 추가해야합니다

.feat_wrapper{ 
    width:600px; 
    margin-left:auto; 
    margin-right: auto; 

}