TransWikia.com

CENTRAR SPAN DENTRO DE SECTION

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

One Answer

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

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP