Witam. Chcę zrobić głosowanie gwiazdkowe. Problem polega na tym że jak daję

[HTML] pobierz, plaintext 
<a href="#"></a>
<a href="#"></a
[HTML] pobierz, plaintext 

TO gwiazki pokazuja sie jedna pod druga a nie obok siebie. Probowalem z inline. block-inline, ale caly czas mam ten sam problem.
Moja wizja polega na tym. Ze mam obok siebie 10 gwiazek, w zaleznosci od najechania na ktorąś, ona się podświetla, a nad gwiazdkami pojawia się wartość gwiazki Tj Wybrałes odpowiedni 1,2,3,4,5,6,7,8.9,10(jak narazie nie wiem jak zrobie to wyświetlanie, dlatego za wszystkie pomysły byłbym wdzięczny)

[HTML] pobierz, plaintext 
a {
display: block;
width: 15px;
height: 15px;
padding:0;
margin: 0;
background: url('images/star-empty.png') ;
color: #90938a;
text-decoration: none;
 
}
 
a:hover {
background: url('images/star-full.png');
}
[HTML] pobierz, plaintext 

1. Jak zrobić żeby gwiazki były obok siebie?
2. Jak zrobić aby w zależńości od gwiazki wyświetlał się określony napis?

Dodaj do "a" styl float: left. Natomiast odnośnie drugiego pytania: to już byś musiał poczytać o JavaScript i zdarzeniu onmouseover (+ onmouseout).