- Brug af tags.
- Brug af en stilarkegenskab.
En måde at centrere tekst på er at vedhæfte den inden for tags. Følgende boks har et eksempel.
Centrer denne tekst!
Indsætning af denne tekst i HTML-kode ville give følgende resultat:
Centrer denne tekst!
Bemærk: Den tag anses nu forældet. Selvom det stadig kan fungere, forventes det at blive fjernet til fordel for at bruge CSS. Vi anbefaler at du bruger stilarkmetoden (vist nedenfor) til at centrere tekst i HTML.
Brug af en stilarkegenskab
Du kan centrere tekst med CSS ved at angive tekst-align- egenskaben for elementet, der skal centreres.
Centrering et par blokke med tekst
Hvis du kun har et eller nogle få tekstblokke, skal du centrere, du kan gøre det ved at tilføje stilattributen til elementets åbningstabel og vælge ejendommen "tekstjustere". I eksemplet nedenfor har vi tilføjet dem til
tag:
Centrer denne tekst!
Bemærk, at værdien af ejendommen "text-align" blev indstillet til "center", hvilket indikerer at elementet skal centreres.
Flere tekstblokke
Hvis du har mange tekstblokke, du gerne vil centrere, kan du bruge CSS-indvendige tags i hovedafsnittet på siden eller i et eksternt stilark. Se eksempelkoden nedenfor for, hvordan du indstiller al tekst inde i
p {text-align: center} Teksten vil blive centreret inden for hvert sæt af tags på siden. Hvis du vil have nogle afsnit centreret, mens andre ikke er, kan du oprette en stilklasse som vist i koden nedenfor.
.center {text-align: center} Hvis du opretter en center klasse, som vist i eksemplet ovenfor, kan et afsnit centreres ved hjælp af koden nedenfor, som "kalder" midtklassen:
Centrer denne tekst!
Tip: Når en klasse er oprettet, kan den anvendes til ethvert HTML-tag. Hvis du f.eks. Ønskede at overskriften skulle være centreret, kunne du tilføje class = "center" til