Sie können float: left;
für li
s anstelle von display: inline;
verwenden.
Denken Sie daran, auch overflow: hidden;
für das Elternelement ( ul
) zu verwenden.
Eine andere Option wäre: display: inline-block
, aber ich bin mir nicht 100% sicher, dass Browser-Unterstützung .
Anzeige: Block; immer ... niemals display: inline;
oder display: inline-block;
Um zu verhindern, dass die ungeordnete Liste das DIV ausgibt, versuchen Sie, in das CSS zu gehen und dies anzuwenden:
%Vor%Tags und Links html css html-lists overflow word-boundaries