Wyrównanie tekstu w html

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=”p1”>Tekst który zostanie wyrównany do lewej</p> 
<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ć.