Saltar al contenido

cómo alinear texto en medio de un ejemplo de código div

Recuerda que en las ciencias informáticas un error puede tener diversas soluciones, así que mostramos lo más óptimo y eficiente.

Ejemplo 1: poner texto en el centro de un div

html, bodyheight:100%;.parentwidth:100%;height:100%;display: table;text-align: center;.parent>.childdisplay: table-cell;vertical-align: middle;

Ejemplo 2: posición central de css

/**************** 1º method to center all elements ********************/bodytext-align: center;/* If all of your elements have the property display equal to "inline", 
"block" or "inline-block", then you can use the text-align: center in
the  tag */tag_namedisplay: inline;/* block or inline-block*//*...but if we have an element of type "block" with a width diferente
from the default (maximum width of the page), then this will no 
longer work!*/tag_namedisplay: block;width:170px;/**************** 2º method to center all elements ********************//* Another method, is to use the margins to center the element 
horizontally and/or vertically */tag_namedisplay: block;width:100px;margin:0 auto 0 auto;/* top, right, bottom, left */

Ejemplo 3: cómo configurar el texto en el medio en div

.centermargin: auto;width:50%;border:3px solid green;padding:10px;

Te mostramos reseñas y calificaciones

Agradecemos que desees asistir nuestra tarea fijando un comentario o dejando una valoración te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *