Listenelemente nebeneinander

[kneetkopp]

Hallo,
ich will eine liste erstellen, bei der die listenelemente
nebeneinander stehen. habe gegooglet und ich bin
der meinung, dass ich es richtig habe :mrgreen:

<div class="listContainer">
    <p>Nutzbarkeit</p>
    <ul class="results">
        <li style="font-size: 0px;">
            <p>schlecht</p>
        </li>
        <li style="font-size: 42px;">
            <p>okay</p>
        </li>
        <li style="font-size: 57px;">
            <p>gut</p>
        </li>
    </ul>
</div>

.results li {
    display:inline; 
    list-style-type:none;

}

was ist denn da noch nicht richtig?
ps: das style-attribut brauch ich hier, weil die font-size berechnet wird

gruß

 

[_Thor_]

entferne das <p> aus den Listenelementen. <p> ist ein Blockelement.

 

[kneetkopp]

da die p-tags mit text aus einer datenbank kommen, kann ich die nicht entfernen.
habe aber
.results li *{
display:inline;
}
gemacht und es funktioniert
danke für den Hinweis!