CSS
HTML
COMPONENTS
CODE HUB
Generador de Alineación de Texto CSS
Configuración
Alineación de Texto
Clase
Vista previa
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Código
border: 1px solid #000000;Aprende a programar con Lara
Domina los conceptos de programación paso a paso con tu tutora de IA interactiva. Lara explica lógicas complejas, revisa tus ejercicios prácticos y te ayuda a construir una base sólida en el desarrollo de software.
Lecciones de programación interactivas adaptadas a tu propio ritmo.
Empezar a aprender con LaraGenerador de Alineación de Texto CSS
En CSS, la propiedad text-align se utiliza para controlar la alineación horizontal del texto dentro de un elemento HTML. Te permite especificar si el texto debe estar alineado a la izquierda, a la derecha, al centro, justificado (distribuido a lo largo del ancho) o a una alineación específica del idioma del usuario.
Aquí están los valores comunes para la propiedad text-align:
left: El texto está alineado al lado izquierdo del elemento.
.text-left {
text-align: left;
}
right: El texto está alineado al lado derecho del elemento.
.text-right {
text-align: right;
}
center: El texto está alineado al centro del elemento.
.text-center {
text-align: center;
}
justify: El texto se distribuye uniformemente a lo largo del ancho del elemento, creando bordes rectos en ambos lados.
.text-justify {
text-align: justify;
}
start y end: Estos valores se utilizan normalmente para la alineación de texto específica del idioma, asegurando que el texto esté alineado al inicio o al final de la dirección de escritura para el idioma dado. Para idiomas de izquierda a derecha, start es equivalente a left y end es equivalente a right.
.text-start {
text-align: start;
}
Puedes aplicar la propiedad text-align a varios elementos HTML, incluidos párrafos (p), encabezados (h1, h2) y otros elementos que contienen texto. Te ayuda a controlar la alineación horizontal del texto dentro de esos elementos, permitiéndote lograr el diseño y formato deseados para el contenido de tu página web.