display:inline-Problem

[Jonathan]

<ul style="padding:0;margin:0;list-style:none">
   <li style="display:inline;width:80px">

<ul style="margin:0;padding:0;list-style:none;width:80px">
     <li>hm</li>
    </ul>

</li>

<li style="display:inline;width:80px">

<ul style="margin:0;padding:0;list-style:none;width:80px">
     <li>hm</li>
    </ul>

</li>
  </ul>

>   
> Nun verstehe ich irgendwie nicht, wieso die beiden "hm" trotz Inline-Block untereinander, statt nebeneinander liegen.  
  
inline-block ist was anderes. Aber zur problemlösung. Du musst das display:inline eben nicht nur dem einen li zuweisen, sondern auch dem enthaltenen ul und li. Die sind schließlich standardmäßig auch Blockelemente (bzw. Listenelemente).