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

Related Questions

¿Cómo usar variable con $_POST[]?

1  Asked on December 22, 2021

   

¿Como ocultar un menú lateral en html?

0  Asked on December 22, 2021 by cristianb

     

Cargar datos alojados en sql, a 2 tablas en php

2  Asked on December 22, 2021 by daxtrox

   

Pasar datos de php a ajax

1  Asked on December 22, 2021

     

Firmar un XML con algoritmo sha256 con un archivo .pfx

1  Asked on December 20, 2021 by fsigu

   

Como anexar items a un fichero csv con python

1  Asked on December 20, 2021

     

Como consultar un API con id en Alamofire?

1  Asked on December 20, 2021 by christian-gtz

     

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir