Jak powinien wyglądać HTML oraz CSS aby do h2 dodać na początku obrazek i żeby było wszystko w jednej linii (vertical-align:middle)

Całość będzie się mieścić w div:

[HTML] pobierz, plaintext 
    background-image:url(images/21.jpg);
    background-repeat:repeat-x;
    height:35px;
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
h2,#obrazek{
display:inline;
}
[CSS] pobierz, plaintext 

Oczywiście obrazek musi mieć id="obrazek"

Robiłem tak wcześniej i nie było trybiło. Przemęczenie górą a pytanie błache. To jeszcze jedno pytanie (proszę o wyrozumiałość). Czy da się w pionie wypośrodkować elementy bez używania padding-top?

Ogólnie średnio z centralizacją w pionie. Można zrobić to tak:

[CSS] pobierz, plaintext 
.centralizacja 
{
position: absolute;
top: 50%;
}
[CSS] pobierz, plaintext 

Ale to tylko dla głównego diva.

Żeby tekst h2 rozpoczynał się obrazkiem, najlepiej rozwiązać to w ten sposób:

[CSS] pobierz, plaintext 
h2 { background-image:url('sciezka/do/obrazka.jpg'); background-repeat:no-repeat; background-position: left center; }
[CSS] pobierz, plaintext 

Aby dodatkowo wyśrodkować go w pionie, należy dodatkowo dopisać do niego klasę:

[CSS] pobierz, plaintext 
.centred { line-height:10px; }
[CSS] pobierz, plaintext 

gdzie oczywiście nie wpisujesz przykładowych 10px, tylko wysokość otaczającego elementu.

A może chodzi Ci o wyśrodkowanie absolutne - DEAD CENTER
Poeksperymentuj sobie zmieniając rozdzielczość, rozmiar okna przeglądarki itp. Czerwony prostokąt jest ZAWSZE na środku.

Każdy post jest pomocny i za to dziękuję. Uważam że

wygląda najbardziej pro