Com centrar el text en HTML

Autora: Laura McKinney
Data De La Creació: 10 Abril 2021
Data D’Actualització: 1 Juliol 2024
Anonim
how to center text with html and css
Vídeo: how to center text with html and css

Content

Aquest wikiHow us ensenya a centrar el text al lloc web HTML mitjançant Cascading Style Sheets (CSS). Centrar el text en HTML es fa amb etiquetes

, però aquesta etiqueta es considera obsoleta i ja no funciona a la majoria de navegadors.

Passos

Mètode 1 de 2: per CSS

  1. Obriu el fitxer que conté els estils CSS. Encara que la targeta
    obsolet, però encara podeu crear elements nous per afegir a qualsevol lloc de la pàgina per centrar el text dins dels seus límits. Si no teniu cap fitxer CSS separat, heu d'especificar l'estil a la part superior del fitxer HTML, entre les etiquetes ".’.
    • Si encara no hi ha cap targeta Cal afegir directament a sota de la targeta a la part superior del fitxer es mostren els següents:

  2. Crea una capa central de text. Targeta
    demanarà al document HTML que faci referència a la part específica del text, de manera que haureu de classificar aquesta etiqueta. Introduïu el text següent a l'espai entre l'etiqueta "estil", no oblideu prémer ↵ Introduïu dues vegades després de la primera línia:

    • Afegiu propietats alinear text. Importar text-align: centre; a l’espai entre les claus de la secció div.a. El títol actual serà així:

      • Afegiu una targeta div el text s’ha de centrar. Procediu col·locant la targeta
        envia el text a sobre del text que vulguis centrar i tancar amb etiquetes a sota del text que voleu centrar. Per exemple, per centrar un títol i el paràgraf inicial, heu d'escriure el següent:
        • Ús de cartes div.a per centrar les altres regions. Si voleu centrar un altre element (per exemple, contingut entre etiquetes com i

          ), entreu
          davant del text i després d'això. Com que heu especificat "div.a" com a ordre de centratge, aquest text se centrarà igual que l'anterior:
          • Revisió de documents. El contingut pot variar, però, en general, el vostre document hauria de tenir un aspecte semblant a aquest:
              publicitat

            Mètode 2 de 2: utilitzeu l'etiqueta central en HTML

            1. Obriu el document HTML. Aquest mètode descriu com utilitzar etiquetes HTML
              (ara també obsolet). A partir de desembre de 2018, aquesta targeta encara estava activa en alguns navegadors web, però a llarg termini encara no l’hauríeu d’utilitzar.
            2. Identifiqueu el text que voleu centrar. Desplaceu-vos cap avall fins que trobeu el títol, el paràgraf o qualsevol altre text que vulgueu centrar.
            3. Afegiu una etiqueta "central" als extrems del text. Aquesta etiqueta central té un format
              text
              , on "text" és el text que s'ha de centrar. Si el text ja té una etiqueta interna (per exemple, "" per al paràgraf), l'etiqueta "central" pot estar fora de qualsevol etiqueta preexistent:
              • Reviseu el document HTML. El document ara hauria de tenir aquest aspecte:
                  publicitat