CSS: Flowing List

By Xah Lee. Date: . Last updated: .

The HTML list can have a flowing appearance.

Here is a flowing list.

Here is HTML:

<ul class="flow413">
<li>cat</li>
<li>dog</li>
<li>bird</li>
</ul>

Here is CSS:

ul.flow413 li {
display: inline;
}

You can also use display:inline-block.

HTML list