Hoe tekst in html te centreren

ThisTeaches You Hoe te midden van de tekst in een HTML-website met behulp van Cascading Style Sheets (CSS). Centreert in HTML die wordt gebruikt met de tag, maar die tag wordt nu beschouwd als verouderd en werkt niet langer in de meeste browsers.

Stappen

Methode 1 van 2:
Het gebruik van CSS
  1. Titel afbeelding 2974143 7
1. Open het bestand dat uw CSS-stijlen bevat. Hoewel de tag verouderd is, kunt u een nieuw element maken om toe te voegen aan een deel van een pagina op het midden van de tekst binnen de grenzen. Als u geen apart bestand voor uw CSS hebt, vindt u de stijlen bovenaan het HTML-bestand tussen de"" tags.
  • Als u nog niet hebt en tags, voegt u ze rechtstreeks aan de bovenkant van het bestand toe:
  • Titel afbeelding 2974143 8
    2. Maak een klas die tekst geeft. De
    Tag zal uw HTML-document vertellen om een ​​bepaald gedeelte van de tekst te verwijzen, zodat u een klasse voor die tag maakt. Typ het volgende in de ruimte tussen de "stijl" Tags, en zorg ervoor dat u drukt op ↵ Voer twee keer na de eerste regel in:
    div.een {}
  • Titel afbeelding 2974143 9
    3. Voeg de tekst-uitlijnen eigendom. Type Text-Eart: Center- in de ruimte tussen de twee krullende beugels in de div.een sectie. De koptekst moet nu er als volgt uitzien:
  • Titel afbeelding 2974143 11
    4. Voeg de juiste toe div Tag naar tekst die gecentreerd moet zijn. Je doet dit door het te plaatsen 
     Tag boven de tekst die u wilt centreren en sluit met een 
     Tag onder de tekst die u wilt centreren. Bijvoorbeeld, om een ​​koptekst en de alinea-tekst te centreren, zou u het volgende invoeren:
  • Titel afbeelding 2974143 12
    5. Gebruik de div.een Tag om andere gebieden te centreren. Om een ​​ander element te centreren (e.g., inhoud tussen tags zoals en), type 
     vóór het item, en 
     daarna. Omdat je al hebt "div.een" opgegeven als centreeropdracht, dit zal de tekst precies zoals het eerder deed:
  • Titel afbeelding 2974143 13
    6. Controleer uw document. Hoewel de inhoud zal variëren, moet uw document er zoiets uitzien:
    • Methode 2 van 2:
    Gebruik van de middelste tag in HTML
    1. Open uw HTML-document. Deze methode beschrijft hoe u de HTML-tag gebruikt, die nu verouderd is. Vanaf december 2018 kan deze tag nog steeds werken in sommige webbrowsers, maar het is echter niet geadviseerd om op deze tag op de lange termijn te vertrouwen.
  • Titel afbeelding 2974143 2
    2. Zoek de tekst die u wilt centreren. Scroll naar beneden totdat u de koptekst, paragraaf of andere tekst vindt die u wilt centreren.
  • Titel afbeelding 2974143 3
    3. Voeg de "centrum" Tag aan elke kant van de tekst. De middelste tag is in het formaat 
    tekst
     waar "tekst" Is uw tekst?. Als uw tekst er tags heeft (E.g., "" Voor paragraaftekst), de "centrum" Tags kunnen buiten de bestaande tags gaan:
  • Titel afbeelding 2974143 4
    4. Controleer uw HTML-document. Uw document moet er zoiets uitzien:
    • Deel in het sociale netwerk: 
    	  
     
     
    Vergelijkbaar