Выравнивание text-align не только для текста

На прошлом шаге мы упоминали, что свойство text-align способно влиять не только на тексты, но и другие элементы. Эти элементы должны быть инлайновыми, то есть это изображения, инлайн-блоки, инлайн-таблицы и другие.

Например, сейчас в задании мы разберём такой приём, который больше напоминает трюк, так как мы используем text-align для выравнивания картинки <img> внутри контейнера, то есть по факту для создания простейшей «сетки». Но об этой особенности свойства text-align очень полезно знать, так как это вполне легальный способ выравнивания элементов.

Вперёд к заданию.