Равномерное выравнивание блоков по ширине

Подсказали шикарную статью про «равномерное выравнивание блоков по ширине ». Решение работает с произвольным количеством блоков различных габаритов даже в самых старых, но всё ещё популярных, браузерах.

За базу берётся обычный список, построенный на элементах ul и li. Всем элементам списка назначается display: inline-block , а сам список получает стиль text-align: justify . А дальше идут мелочи и тонкости, которые в итоге и заставляют все блоки равномерно разместиться в контейнере, даже если они сами имеют разную ширину.

Равномерное выравнивание блоков по ширине