Szybki szpil #3 - Wyśrodkowanie w pionie

Dzisiaj, w ramach krótkich sztuczek z CSS, zaprezentuję wyśrodkowanie tekstu w pionie.

Wyśrodkowanie w pionie może się przydać przy tworzeniu menu bądź przy wyśrodkowywaniu tekstu w footerze. Aby wyśrodkować tekst bądź inny element należy nadać wysokość elementu w którym znajduje się tekst i ustawić line-height na taką samą wysokość:

Kod HTML

<div class="footer>Tekst wyśrodkowany</div>

Kod CSS

.footer {
height:200px;
line-height:200px; }

W ten oto prosty sposób wyśrodkowaliśmy tekst

Subskrybuj lub podziel się

Będzie miło jeśli zasubskrybujesz bloga, bądź podzielisz się tym artykułem.

Autor: Marcin Piszczek

Interesuję się designem, internetem i nowinkami technicznymi. Z zamiłowania jestem web developerem i web designerem,a od jakiegoś czasu również blogerem. W wolnych chwilach gram w DotA. Kibicuję Zagłębiu.

Masz jakieś sugestie? Napisz do mnie. Możesz mnie również obserwować na Twitterze.