CSS: Flowing List

By Xah Lee. Date: . Last updated: .

This page shows you how to use CSS to flow list items.

Here's a flowing list.

Here's HTML:

<ul class="flowlist05781">

Here's CSS:

ul.flowlist05781 li {
border:solid thin red;

You can also use display:inline-block.

Flowing list is particular useful if you have image thumbnails and you want to flow them.

Like it? Help me by telling your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Object Ref
  5. DOM Scripting
  6. SVG
  7. Blog