[CSS]Przesunięcie tekstu względem obrazu, W tym samym paragrafie Opcje

[uglukha]

Witajcie,
nie mogę sobie poradzić z prostą rzeczą. Jak podnieść tekst do góry, wyświetla się tak:


A chciałbym tak:


Kod jest super prosty:

[HTML] pobierz, plaintext 
<p class="p-top"><a href=""><img class="img-top" src="images/koszyk.png" alt="Koszyk">Koszyk: 0</a> | <a href=""><img class="img-top" src="images/key.png" alt="Logowanie">Zaloguj się</a></p>
[HTML] pobierz, plaintext 

Z góry dzięki za wszelką pomoc!

[pedro84]

line-height

Swoją drogą:
- czemu nie na liście?
- czemu grafiki to nie background elementu listy?

[Sephirus]

CSS dla obrazków:

[CSS] pobierz, plaintext 
vertical-align:middle|top|bottom|text-top|text-bottom;
[CSS] pobierz, plaintext 

Radzę osobiście dać TOP obrazkowi a tekst wrzucić w jakiś SPAN i ustawić opdowiedni margin-top - bo z tym vertical-align pod różnymi przeglądarkami jest różnie

[uglukha]

line-height

Swoją drogą:
- czemu nie na liście?
- czemu grafiki to nie background elementu listy?

line height nic nie zmienia, a co do pytań, robiłem na szybko, ale w sumie chyba to przerobię tak jak mówisz, chociaż w poziomych obrazkach obok siebie często mi się rozjeżdza w IE

CSS dla obrazków:

[CSS] pobierz, plaintext 
vertical-align:middle|top|bottom|text-top|text-bottom;
[CSS] pobierz, plaintext 

Radzę osobiście dać TOP obrazkowi a tekst wrzucić w jakiś SPAN i ustawić opdowiedni margin-top - bo z tym vertical-align pod różnymi przeglądarkami jest różnie

Tego próbowałem, ale właśnie jest rózny efekt w różnych przeglądarkach więc odpada

[pedro84]

A ja Ci mówię, zrób jak ma być, a problemów unikniesz