Autora:
Laura McKinney
Data De La Creació:
10 Abril 2021
Data D’Actualització:
1 Juliol 2024
![how to center text with html and css](https://i.ytimg.com/vi/rrpUiF_6zyg/hqdefault.jpg)
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
Passos
Mètode 1 de 2: per CSS
Obriu el fitxer que conté els estils CSS. Encara que la targetaobsolet, 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:
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:
Mètode 2 de 2: utilitzeu l'etiqueta central en HTML
- 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.
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.
Afegiu una etiqueta "central" als extrems del text. Aquesta etiqueta central té un formattext , 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: