sobota, 31 października 2009

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

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.
blog comments powered by Disqus

Wszystko o designie, dużo inspiracji i tutoriali.

Copyright 2009 - 2012 Creatyna. All rights reserved.