Jak wyśrodkować tekst w HTML

Wybór odpowiedniego wyrównania dla twoich elementów, które pojawiają się na stronie internetowej, jest bardzo ważne, ponieważ to wyrównanie określa ogólną strukturę strony internetowej. Jeśli chodzi o wyrównanie tekstu, programiści często wyrównują tekst do centrum, aby wyróżnić tytuł lub nagłówek strony internetowej lub dokumentu. Jeśli chcesz nauczyć się wyśrodkować tekst w HTML, jesteś właściwym miejscem. Tutaj podsumowaliśmy sposoby, w których możesz wyrównać swój tekst do środka.

Jak wyśrodkować tekst w HTML

Istnieją dwa sposoby, na które możesz wyśrodkować swój tekst w HTML. Oba te sposoby zostały omówione poniżej.

Jak wyśrodkować tekst za pomocą znacznika

Jeśli chcesz wyśrodkować swój tekst, po prostu owinąć żądany tekst w znaczniku, a tekst zostanie wyśrodkowany. Jednak znacznik został wyeliminowany z HTML5 na korzyść używania CSS zamiast tego.

Html

Ten akapit nie jest wyśrodkowany.

Ten akapit jest skoncentrowany.

W powyższym kodzie utworzyliśmy jednak dwa akapity, aby przedstawić różnicę między domyślnym wyrównaniem a wyrównaniem środka tekstu, które zakończyliśmy tekst drugiego akapitu w tagu.

Wyjście

Tekst został wyśrodkowany za pomocą znacznika.

Jak wyśrodkować tekst za pomocą atrybutu stylu

Preferowanym sposobem koncentracji tekstu jest użycie atrybutu styl.

Html

Ten akapit nie jest wyśrodkowany.

Ten akapit jest skoncentrowany.

Dzięki zastosowaniu atrybutu stylu ustawiamy właściwość tekstu tekstowego drugiego akapitu do centrum. Wygeneruje następujące dane wyjściowe.

Wyjście

W ten sposób używasz atrybutu stylu do tekstu środkowego w HTML.

Jeśli jednak nie chcesz używać wbudowanego CSS do wyśrodkowania tekstu, innym sposobem tego jest użycie wewnętrznego CSS. Tutaj pokazaliśmy, jak to się robi.

Html

Ten akapit nie jest wyśrodkowany.

Ten akapit jest skoncentrowany.

W powyższym kodzie, ponieważ chcemy wyśrodkować tylko drugi akapit, dlatego najpierw przypisujemy go identyfikator, a następnie używamy tego identyfikatora, ustawiamy właściwość tekstu tekstowego do środka w znaczniku w sekcji. Ten kod poda to również to samo wyjście.

Wniosek

W celu wyśrodkowania tekstu w HTML albo użyj tag lub atrybut stylu. Jeśli używasz znacznika, po prostu umieść tekst wewnątrz tego znacznika, a tymczasem zostanie on wyśrodkowany, ustaw właściwość tekstu tekstowego atrybutu stylu na środku, aby wyśrodkować tekst za pomocą atrybutu stylu. Należy zauważyć, że znacznik został wyeliminowany z HTML5 na korzyść używania CSS.