Stack Overflow en español Asked by Minor on November 28, 2020
Como centro el span dentro del section, eh intentado con varios estilos (flex, align-items, vertical middle) por asi decirlo pero nada me genera el centrado correcto que deseo
<section class="test">
<span class="tag">SOY TEXTO DE PRUEBA</span>
</section>
.test{
background:green;
width:500px;
height:100px;
display: flex;
align-items: center;
}
Agrega esta propiedad para centrar en el eje principal (que por defecto seria un centrado horizontal) ahorita solo estas centrando en el eje secundario (que por defecto te centraria verticalmente)
justify-content: center;
.test{
justify-content: center;
background:green;
width:500px;
height:100px;
display: flex;
align-items: center;
}
<section class="test">
<span class="tag">SOY TEXTO DE PRUEBA</span>
</section>
Correct answer by Unknow on November 28, 2020
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP