Comment puis-je centrer le contenu sans l'utilisation de text-align: center

Question

Comment centrer le contenu sans l'utilisation de text-align: center; Mon code ci-dessous: Le code ci-dessous ne centre pas le contenu. Merci pour votre temps.

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

(seuls changements étaient en css)

Je suppose que vous vouliez dire centre horizontalement, mais si vous vouliez dire aussi bien verticalement, s'il vous plaît commentaires, et je aider avec cela aussi bien.

Answer 2

vous devez ajouter l'élément largeur de la div par exemple:

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

}