テキストアライメントを使用せずにコンテンツを中央に揃える方法：center

Question

text-align：center;を使用せずにコンテンツを中央に揃えるにはどうすればいいですか？下の私のコード：以下のコードはコンテンツを中心にしていません。あなたの時間をありがとう。

<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

.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>

（変更のみがCSSにあった）

私はあなたが水平方向の中心を意味想定していますが、縦にも意味ならば、コメントしてください、と私はなりますよそれも助けてください。

Answer 2

あなたが例えばdiv要素 の幅の要素を追加する必要があります

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

}