[xhtml][css] listy li - zawartość obok siebie Opcje

[pijanyadmin]

zazwyczaj lista wygląda tak:

Kod

<ul>
<li><a href="#">gra:</a></li>
        <li><a href="#">cena: </a></li>
        <li><a href="#">ilosc: </a></li>
        </ul>

oczywiście jest to ostylowane w css itp. tylko jak można zrobić aby lista była wyświetlana w ten sposób:

Kod

<li><a href="#">gra:</a> gatunek</li>

biorąc pod uwage fakt iż cała lista jest "with:100%;" aby "gra" była po lewej, a gatunek po prawej... float ? tylko że wtedy "gatunek" znajdzie się pod spodem w "cena"

Ten post edytował pijanyadmin 5.02.2008, 15:45:44

[pijanyadmin]

kombinowałem już z tym i jeśli jest tak:

Kod

<li><a href="#">gra: </a><span class="prawy">gatunek</span></li>

Kod

.prawy{
margin: 0px;
padding: 0px;
background-color: #F8FBBD;
}

to efekt jest taki

Kod

gra
gatunek

a chce uzystać taki efekt listy:

Kod

gra                   gatunek

Ten post edytował pijanyadmin 5.02.2008, 17:54:10