Cómo alinear el texto en el medio de un DIV

Escrito por kristen waters | Traducido por aurelius smith
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo alinear el texto en el medio de un DIV
Una computadora. (Photos.com/AbleStock.com/Getty Images)

El HTML "<div>" define una sección del documento HTML. Se usa para agregar etilos a una cierta parte de un documento. Puedes colocar la cantidad de DIVs que quieras a un solo documento HTML. Si creas una sección de la página con un DIV, puedes usar las propiedades "text-align" y "vertical-align" de Cascading Style Sheet para colocar el texto en el medio de la sección tanto horizontal como verticalmente.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre un documento de texto en blanco con cualquier editor de textos.

  2. 2

    Escribe las líneas:

    <html> <body>

    para iniciar el documento HTML.

  3. 3

    Escribe las líneas:

    <div style="text-align: center; vertical-align: middle;"> <h1> This Is Centered Text </h1> </div>

    crea un DIV que contenga el texto centrado.

  4. 4

    Escribe las líneas:

    </body> </html>

    para cerrar el DIV contenedor y el documento HTML.

  5. 5

    Guarda el archivo con la extensión ".html".

  6. 6

    Abre el documento HTML con cualquier navegador para verlo.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles