text-align
La propiedad text-align especifica la alineación horizontal del texto de un elemento.
Los valores que puede asumir esta propiedad serán:
text-align: center;text-align: justify;text-align: right;text-align: left;
Este atributo nos permite ajustar los ya conocidos: centrado, justificado. alineado a la derecha o alineado a la izquierda, este último es el que los navegadores tienen por defecto.
Veamos esta propiedad en practica dentro de nuestro código del ejemplo del formulario:
<!DOCTYPE HTML><html lang = "es"><head><title>Formulario</title><meta charset = "UTF-8" /><style>fieldset {width: 80%;margin: auto;}form{width: 30%;}label {float: left;width: 30%;margin-left: 15%;padding-right: 1em;text-align: right;}input {display: block;}button {display: block;margin: auto;}</style></head><body><form action = ""><fieldset><label>Nombre</label><input type = "text" id = "txtNombre" /><label>Dirección</label><input type = "text" id = "txtDirec" /><label>Teléfono</label><input type = "text" id = "txtTel" /><button type = "button">Enviar</button></fieldset></form></body></html>
Recuerde que usted debe de experimentar todas las opciones posibles, para que se familiarice con esta propiedad.
No hay comentarios:
Publicar un comentario