Jak wyśrodkować tekst w html

W tym artykule powiemy, jak wyśrodkować tekst na stronie HTML za pomocą CSS. W HTML został wykonany przez tag , który jest teraz uważany za przestarzałe i nie działa już w większości przeglądarek.

Kroki

Metoda 1 z 2:
CSS
  1. Obraz zatytułowany 2974143 7
jeden. Otwórz plik stylów CSS. Chociaż tag Przestarzałe, możesz utworzyć nowy element i dodać go do strony, aby wyjaśnić tekst w tym przedmiocie. Jeśli nie masz oddzielnego pliku dla stylów CSS, znajdź je na górze pliku HTML między tagami "".
  • Jeśli nie ma określonych znaczników, dodaj je po tagu Na przykład na górze pliku, więc:
  • Utwórz klasę, która wycelowuje tekst. Etykietka Poinformuj link Dokument HTML do określonej sekcji tekstu, więc musisz utworzyć znacznik dla tego znacznika. Między tagami "Styl" Wprowadź następującą zawartość, a po wprowadzeniu pierwszej linii naciśnij klawisz dwa razy ↵ Enter.Obraz zatytułowany 2974143 8
    Div.a {}
  • Dodaj nieruchomość Wyrównanie tekstowe. Wchodzić Tekst-Dignuj: Centrum- między dwoma kręconymi klamrami w sekcji Div.ZA. Tytuł powinien wyglądać tak:Obraz zatytułowany 2974143 9
     {Wyrównuj tekst: Centrum-}
  • Dodaj odpowiedni znacznik Div do tekstu, który ma być wyśrodkowany. Aby to zrobić, wprowadź tag powyżej tekstu, który zostanie wyśrodkowany, a następnie wprowadź tag W tym tekście. Na przykład, aby skrzynić nagłówek i tekst pierwszego akapitu, wprowadź: Obraz zatytułowany 2974143 11
     klasa ="ZA">

    Dobrze

    Do mojej witryny

    Na

    Ta strona można znaleźć różne informacje.
  • Użyj tagu Div.ZA, Aby wyjaśnić inne elementy. Aby cięcić inny element (na przykład zawartość między tagami i Wchodzić Przed elementem I Po elemencie. Ponieważ zespół centrujący już określony "Div.ZA", Tekst zostanie wyśrodkowany w taki sam sposób jak wcześniej: Obraz zatytułowany 2974143 12
     {Wyrównuj tekst: Center-} Class ="ZA">

    Darowizny

    Witamy

    Dziękuję Ci

  • Sprawdź swój dokument. Chociaż jego zawartość może być inna, dokument powinien wyglądać coś takiego: Obraz zatytułowany 2974143 13
     {Wyrównuj tekst: Center-} Class ="ZA">

    Dobrze

    Do mojej witryny

    Na

    Ta strona można znaleźć różne informacje.
    klasa ="ZA">

    Darowizny

    Witamy

    Dziękuję Ci

  • Metoda 2 z 2:
    Tag centrujący w HTML
    jeden. Otwórz dokument HTML. Ta metoda opisuje, jak używać znacznika HTML , który jest już przestarzały. Od grudnia 2018 r. Ten tag nadal działa w niektórych przeglądarkach internetowych, ale najprawdopodobniej w najbliższej przyszłości zostanie odrzucony.
  • Obraz zatytułowany 2974143 2
    2. Znajdź tekst, który ma być wyśrodkowany. Przewiń w dół, aby znaleźć tytuł, akapit lub inny tekst, który zostanie wyśrodkowany.
  • Obraz zatytułowany 2974143 3
    3. Dodaj Tag "Środek" Przed i po tekście. Ten tag ma format
    TEKST
    , Gdzie tekst jest tekstem centymetalnym. Jeśli są tagi w tekście (na przykład, "" dla akapitu tekstowego), tagi "Środek" Możesz wstawić poza istniejącymi tagami:
    Witamy na mojej stronie: siebie w domu!
  • Obraz zatytułowany 2974143 4
    cztery. Wyświetl dokument HTML. Powinien wyglądać na coś takiego:
    Witamy na mojej stronie: siebie w domu!Na tej stronie znajdziesz wiele informacji.
  • Podobne publikacje