CSS: Flowing List

By Xah Lee. Date: . Last updated: .

The HTML list can have a flowing appearance.

Here is a flowing list.

Code

<ul class="fl-Kk83S">
<li>cat</li>
<li>dog</li>
<li>bird</li>
</ul>
ul.fl-Kk83S li {
display: inline;
}

You can also use display:inline-block.

HTML list