Wyrównanie tekstu w html jest bardzo istotną rzeczą jeśli chcemy sprawić dobre wrażenie na oglądającym. Wyrównywanie tekstu w samym htmlu nie jest zbyt profesjonalne dlatego w poradzie pokażę jak wyrównać tekst w html z użyciem kaskadowych arkuszy stylów (CSS).
Wyrównanie tekstu w html
Najlepiej tekst umieszczać w paragrafach czyli <p></p>. Zaleca się używanie paragrafów do większej ilości tekstu z tego względu iż łatwiej jest go później formatować. I tak wyrównanie tekstu w html jest możliwe do lewej, do prawej, do lewej i do prawej oraz wyjustowanie. Przy zastosowaniu CSS wygląda to następująco:
p{
text-align: left;
}
p{
text-align: right;
}
p{
text-align: center;
}
p{
text-align: justify;
}
Całość umieszczamy oczywiście w osobnym pliku CSS lub na początku dokumentu html. Z praktycznego punktu widzenia lepiej umieszczać wszystkie style w osobnych plikach gdyż łatwiej utrzymać porządek w całym dokumencie. Do wyrównania tekstu w html można użyć również innych znaczników nie tylko paragrafów. W celu umieszczenia w dokumencie zewnętrznego pliku CSS należy w sekcji <head></head> wpisać następujący kod:
<link rel="stylesheet" type="text/css" href=”w tym miejscu adres do pliku css.”>
W przypadku kiedy chcemy wyrównać tekst w htmlu dla każdego bloku inaczej wtedy należy zastosować taki mechanizm:
.p1{
text-align: left;
}
.p2{
text-align: right;
}
.p3{
text-align: center;
}
.p4{
text-align: justify;
}
Przy zastosowaniu takiego mechanizmu każdy z paragrafów należy zaopatrzyć w dodatkowy kod:
<p class=”p2”>Tekst który zostanie wyrównany do prawej</p>
<p class=”p3”>Tekst który zostanie wyrównany do lewej i prawej</p>
<p class=”p4”>Tekst który zostanie wyjustowany</p>
Jak widać wyrównanie tekstu w html nie jest czynnością skomplikowaną więc powinien sobie z tym poradzić.