Hur man center text i html

Thistaaches du hur man center text på en HTML-webbplats med Cascading Style Sheets (CSS). Centrering i HTML brukade göras med taggen, men den taggen anses nu vara föråldrad och fungerar inte längre i de flesta webbläsare.

Steg

Metod 1 av 2:
Använda CSS
  1. Bild med titeln 2974143 7
1. Öppna filen som innehåller dina CSS-stilar. Även om taggen är föråldrad kan du skapa ett nytt element för att lägga till någon del av en sida för att centrera texten inom sina gränser. Om du inte har en separat fil för din CSS hittar du stilarna längst upp i HTML-filen mellan"" märke.
  • Om du inte redan har och taggar, lägg dem direkt nedanifrån ovanpå filen så här:
  • Bild med titeln 2974143 8
    2. Skapa en klass som centrerar text. De
    Tag kommer att berätta för ditt HTML-dokument för att referera till en viss text av text, så du skapar en klass för den taggen. Skriv följande i utrymmet mellan "stil" Taggar, se till att trycka på ↵ Ange två gånger efter den första raden:
    div.a {}
  • Bild med titeln 2974143 9
    3. Lägg till textjustera fast egendom. Typ Text-Justera: Centrum- in i utrymmet mellan de två lockiga fästena i div.a sektion. Huvudet ska nu se ut så här:
  • Bild med titeln 2974143 11
    4. Lägg till rätt div Tagg till text som ska vara centrerad. Du gör det genom att placera 
     taggen ovanför texten du vill center och stänger med a 
     Tag under den text du vill center. Till exempel, för att centrera en rubrik och dess stycke text, skulle du ange följande:
  • Bild med titeln 2974143 12
    5. Använd div.a Tag för att centrera andra områden. Att centrera ett annat element (e.g., innehåll mellan taggar som och), typ 
     före föremålet, och 
     Efter det. Eftersom du redan har "div.a" Specificerad som centering-kommandot, kommer det att centrera texten precis som den gjorde tidigare:
  • Bild med titeln 2974143 13
    6. Granska ditt dokument. Även om innehållet kommer att variera, ska ditt dokument se ut så här:
    • Metod 2 av 2:
    Använda centrummärket i HTML
    1. Öppna ditt HTML-dokument. Den här metoden beskriver hur du använder HTML-taggen, som nu är föråldrad. Från och med december 2018 kan den här taggen fortfarande fungera i vissa webbläsare, men det rekommenderas inte att förlita sig på den här taggen på lång sikt.
  • Bild med titeln 2974143 2
    2. Hitta texten du vill centre. Bläddra ner tills du hittar rubriken, stycke eller annan text som du vill centre.
  • Bild med titeln 2974143 3
    3. Lägg till "Centrum" Tagg till varje sida av texten. Centrumetiketten är i formatet 
    text
     var "text" är din text. Om din text har taggar på den (e.g., "" för stycke text), "Centrum" Taggar kan gå utanför de befintliga taggarna:
  • Bild med titeln 2974143 4
    4. Granska ditt HTML-dokument. Ditt dokument ska se ut så här:
    • Dela på det sociala nätverket: 
    	  
     
     
    Liknande