
Diana Gonzalez Yescas
PreguntaHola alguien sabe como hacer que el texto se centre en la caja, solo me se text-align: center; y no funciona 😦
-
Una es agregando el
en el contenedor y eso automáticamente centrara todo el contenido que pongamos dentro de este elemento.text-align: center
-
La otra es por cada uno de los elementos agregándoles
.text-align: center

walter castro
Hola, yo utilice el position: relative, como complemento al text align.

Matías Criado
Otro método para alinearlo verticalmente y horizontalmente es que le agregues a
#one
display: flex
justify-content: center
align-items: center

CRISTIAN BARBERO PÉREZ
text-align: center
Si lo quieres centrado verticalmente lo más sencillo es no ponenrle una altura al div (o ponerle auto, que es el que tiene por defecto) y quedará centrado automáticamente. Y si quieres hacer el div más grande le añades un
padding top y bottom

Diana Gonzalez Yescas
y no puedo centrar donde dice "Texto"

Diana Gonzalez Yescas
Este es el codigo

Matías Criado
Cuando no funcione
text-align: center
width: 600px
Esta lógica funciona tanto para flex, como para positions absolute, padding, margin, etc. Como dijo alguna vez el gran Leonidas en html todo es una caja, y para centrar contenido este elemento debe tener siempre un contenedor padre. :)

Andrés Ricaño
Estaria excelente poder revisar que estas haciendo pero como comenta @ceporro puedes ponerle padding a tu texto, y sino igual jugar con el margen, un centrado perfecto puede hacerse con margin: 0 auto; pero todo depende.

Carlos Eduardo Gomez García
¿Puedes subir tu código y capturas? Así de podemos ayudar mejor:D!

CRISTIAN BARBERO PÉREZ
En principio
text-align: center
padding