Sorry wenn ich etwas schwer von Begriff bin.
Aber ich verstehe einfach nicht, warum er im unten genannten Beispiel das inline nicht darstellt, stattdessen sich wie display:block verhält und immer wenn ich ein <div> innerhalb von <li> verwende, eine neue Zeile beginnt.
<ul style="list-style:none;padding:0;margin:0">
<li style="display:inline;background-color:yellow;background-color:red">
<div>Hallo</div>
</li>
<li style="display:inline;background-color:yellow;background-color:red">
<div>hallo2</div>
</li>
</ul>
anstatt nebeneinander, werden die blöden div's untereinander dargestellt.