Cómo centrar el texto en html

Thysteachines, cómo centrar el texto en un sitio web HTML utilizando hojas de estilo en cascada (CSS). Centrado en HTML solía hacerse con la etiqueta, pero esa etiqueta ahora se considera obsoleta y ya no funciona en la mayoría de los navegadores.

Pasos

Método 1 de 2:
Usando CSS
  1. Imagen titulada 2974143 7
1. Abra el archivo que contiene sus estilos CSS. Aunque la etiqueta está obsoleta, puede crear un nuevo elemento para agregar a cualquier parte de una página para centrar el texto dentro de sus límites. Si no tiene un archivo separado para su CSS, encontrará los estilos en la parte superior del archivo HTML entre el"" etiquetas.
  • Si aún no tiene y etiquetas, agreguelas directamente a continuación en la parte superior del archivo como esta:
  • Imagen titulada 2974143 8
    2. Crea una clase que centra el texto. La
    La etiqueta le dirá a su documento HTML que haga referencia a una sección específica del texto, por lo que creará una clase para esa etiqueta. Escriba lo siguiente en el espacio entre el "estilo" Etiquetas, asegurándose de presionar ↵ ingrese dos veces después de la primera línea:
    div.a {}
  • Imagen titulada 2974143 9
    3. Añade el texto alineado propiedad. Tipo Texto-alineado: Centro- en el espacio entre los dos soportes rizados en el div.a sección. El encabezado ahora debería verse así:
  • Imagen titulada 2974143 11
    4. Añadir el correcto div Etiqueta al texto que debe estar centrado. Lo harás colocando el
    Etiqueta sobre el texto que desea centrar y cerrarse con un
    Etiqueta debajo del texto que desea centrar. Por ejemplo, para centrar un encabezado y su texto del párrafo, usted ingresará lo siguiente:
  • Imagen titulada 2974143 12
    5. Utilizar el div.a Etiqueta para centrar otras áreas. Para centrar otro elemento (e.gramo., Contenido entre etiquetas como y), tipo
    Antes del artículo, y
    después de. Ya que ya tienes "div.a" Especificado como el comando de centrado, esto centrará el texto al igual que lo hizo antes:
  • Imagen titulada 2974143 13
    6. Revise su documento. Aunque el contenido variará, su documento debería verse algo así:
  • Método 2 de 2:
    Usando la etiqueta central en HTML
    1. Abra su documento HTML. Este método describe cómo usar la etiqueta HTML, que ahora está obsoleta. A partir de diciembre de 2018, esta etiqueta aún puede funcionar en algunos navegadores web, sin embargo, no se recomienda confiar en esta etiqueta a largo plazo.
  • Imagen titulada 2974143 2
    2. Encuentra el texto que desea centrar. Desplácese hacia abajo hasta que encuentre el encabezado, el párrafo u otro texto que desea centrar.
  • Imagen titulada 2974143 3
    3. Añade el "centrar" Etiqueta a cada lado del texto. La etiqueta central está en el formato
    texto
    dónde "texto" es tu texto. Si su texto tiene etiquetas en él (e.gramo., "" para el texto del párrafo), el "centrar" Las etiquetas pueden salir fuera de las etiquetas existentes:
  • Imagen titulada 2974143 4
    4. Revise su documento HTML. Su documento debe verse algo así:
  • Artículos Relacionados