För att centrera text med hjälp av HTML kan du använda tagga eller använd en CSS-egenskap. För att fortsätta väljer du det alternativ du föredrar och följer anvisningarna.

• Använda taggarna.
• Använda en stilark egenskap.

Ett sätt att centrera text är att bifoga det inom taggar. Följande ruta har ett exempel.

 Centrera denna text! 

Infoga denna text i HTML-kod skulle ge följande resultat:

Centrera denna text!

Notera tagg anses nu avskriven. Även om det fortfarande kan fungera, förväntas det tas bort för att använda CSS. Vi rekommenderar att du använder stilarkmetoden (visas nedan) för att centrera text i HTML.

Använda en stilark egenskap

Du kan centrera text med CSS genom att ange textjusteringsegenskapen för det element som ska centreras.

Centrera några block av text

Om du bara har ett eller några block av text du behöver centrera, kan du göra det genom att lägga till stilattributet till elementets öppningstag och välja egenskapen "textjustera". I exemplet nedan har vi lagt till dem i

märka:

Centrera denna text!

Observera att värdet på egenskapen "textjustering" var inställd på "center" vilket indikerar att elementet ska centreras.

Flera block av text

Om du har många textblock du vill centrera kan du använda CSS-inläggstaggar i huvuddelen av sidan eller i ett externt stilark. Se exempelkoden nedan för hur du ställer in all text inuti

taggar som ska centreras

 p {text-align: center} 

Texten kommer att centreras inom varje uppsättning taggar på sidan. Om du vill att några stycken är centrerade medan andra inte är, kan du skapa en stilklass enligt sedden nedan.

 .center {text-align: center} 

Om du skapar en mittenklass, som visas i exemplet ovan, kan en paragraf centreras med koden nedan, vilken "kallar" mittenklassen:

Centrera denna text!

Tips! När en klass har skapats kan den tillämpas på alla HTML-taggar. Om du till exempel vill ha rubriken, kan du lägga till class = "center" i

eller en annan rubrik tagg.