CSS-Tricks Example

Equidistant Objects

Resize your browser window to see the results. The goal is to have the first circle against the left edge and the right circle against the right edge. The rest of the objects and spaces shold be of equal width and distance apart.

Nope: Give each image a unique percentage left position

Relative positioning:

Absolute positioning:

Nope: Give the images a common percentage margin

Nope: Using a table

Meh: First on the left, float the rest right in equal size boxes

Yep: inline-block