Jak wyśrodkować nagłówek / datę posta / nagłówki widgetów ?

Ostatnio znów bawię się wyglądem swojego bloga (to w sumie dopiero początek, muszę tylko znaleźć chwilę...) i pomyślałam, że podzielę się z Wami swoją wiedzą - tym razem na temat wyśrodkowywania różnych elementów bloga.

Wchodzimy:

1. Nagłówek bloga

a) jeśli obrazek w nagłówku wgrany jest jako "zamiast tytułu i opisu".
#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}

b) jeśli obrazek w nagłówku wgrany jest jako "za tytułem i opisem".
#header-inner {background-position: center !important; width: 100% !important;}

c) wyrównanie tekstu z obrazkiem:
#header-inner {text-align: center ;}



d) i jeszcze taki fikołek: po lewej tekst, po prawej obrazek (tu trzeba pamiętać, by obrazek wstawiany w nagłówku miał mniejszą szerokość, niż blog):
#header-inner {background-position: right !important; width: 100% !important;} .titlewrapper, .descriptionwrapper {padding-right: 100px !important;}

2. Data umieszczenia posta:
.date-header {text-align:center;}

3. Tytuł posta:
.post-title {text-align:center;}

4. Zawartość widgetów:
.widget {text-align: center;}



Wklejamy: