Hoe de tekst in html te centreren

In dit artikel zullen we u vertellen hoe u de tekst op de HTML-site kunt centreren met behulp van CSS. In HTML werd het via de tag gedaan , Dat wordt nu beschouwd als verouderd en werkt niet langer in de meeste browsers.

Stappen

Methode 1 van 2:
CSS
  1. Titel afbeelding 2974143 7
een. Open CSS Styles-bestand. Hoewel tag Verouderd, u kunt een nieuw item maken en deze toevoegen aan de pagina om de tekst binnen dit item te verduidelijken. Als u geen apart bestand voor CSS-stijlen hebt, vindt u ze boven aan het HTML-bestand tussen de tags "".
  • Als er geen gespecificeerde tags zijn, voeg ze toe na de tag Aan de bovenkant van het bestand, bijvoorbeeld, dus:
  • Maak een klas die de tekst verduidelijkt. Label Informeer de HTML-documentkoppeling naar het opgegeven gedeelte van de tekst, dus u moet een tag voor deze tag maken. Tussen tags "Stijl" Voer de volgende inhoud in en na het invoeren van de eerste regel drukt u twee keer op de toets ↵ Enter.Titel afbeelding 2974143 8
    Div.een {}
  • Voeg onroerend goed toe Tekst-uitlijnen. Binnenkomen Text-Eart: Center- tussen twee krullende beugels in de sectie Div.A. De titel moet er als volgt uitzien:Titel afbeelding 2974143 9
     {Text-Line: Center-}
  • Voeg de juiste tag toe Div naar de te richten tekst. Om dit te doen, voert u de tag in boven de tekst die gecentreerd is en vervolgens de tag invoeren Onder deze tekst. Als u bijvoorbeeld de kop en de tekst van de eerste alinea wilt krat, voert u in: Titel afbeelding 2974143 11
     klasse ="A">
    Mooi zo
     Naar mijn site
    Op de
     Deze site vindt u een verscheidenheid aan informatie.
  • Gebruik tag Div.A, Om andere elementen te verduidelijken. Om een ​​ander element binnen te komen (bijvoorbeeld inhoud tussen tags en Binnenkomen Vóór het element I Na het element. Sinds het centreerteam al opgegeven "Div.A", De tekst wordt op dezelfde manier gecentreerd als voorheen: Titel afbeelding 2974143 12
     {Tekst-uitlijnen: center-} class ="A">
    Donaties
     Welkom
    Bedankt
  • Controleer uw document. Hoewel de inhoud ervan anders kan zijn, moet het document er zoiets uitzien: Titel afbeelding 2974143 13
     {Tekst-uitlijnen: center-} class ="A">
    Mooi zo
     Naar mijn site
    Op de
     Deze site vindt u een verscheidenheid aan informatie.
    klasse ="A">

    Donaties

    Welkom

    Bedankt

    • Methode 2 van 2:
    Centreer tag in HTML
    een. Open het HTML-document. Deze methode beschrijft hoe u een HTML-tag kunt gebruiken , die al verouderd is. Vanaf december 2018 werkt deze tag nog steeds in sommige webbrowsers, maar waarschijnlijk zal het in de nabije toekomst worden geweigerd.
  • Titel afbeelding 2974143 2
    2. Zoek de tekst die moet worden gecentreerd. Scroll naar beneden om een ​​titel, paragraaf of andere tekst te vinden die gecentreerd is.
  • Titel afbeelding 2974143 3
    3. Tag toevoegen "Centrum" voor en na tekst. Deze tag heeft formaat
    TEKST
    , Waar tekst een middelbare tekst is. Als er tags in de tekst zijn (bijvoorbeeld, "" Voor tekst paragraaf), tags "Centrum" U kunt buiten de bestaande tags invoegen:
    Welkom op mijn site: jezelf thuis!
  • Titel afbeelding 2974143 4
    4. Bekijk HTML-document. Het zou zoiets moeten uitzien:
    Welkom op mijn site: jezelf thuis!Op deze site vindt u een verscheidenheid aan informatie.
    • Deel in het sociale netwerk:
    Vergelijkbaar