Картинки в один ряд

У Ольги Григорьевны в блоге мне понравилось, что грамоты расположены по две на странице, а не так как у меня - одна под другой: и  места много занимают и некрасиво. 

Вот я и загорелась желанием тоже научиться располагать картинки рядом.

У меня ничего не получалось....

Мудрые мысли знающих людей мне не помогли...
Вот в ручную установила три картинки. Загрузила  картинки и раположила одну по центру, другую справа, третью слева и перетащила мышкой...

Если кто знает простой алгоритм выстраивания картинок в ряд - поделитесь! Буду признательна!

Зато мимоходом научилась прямоугольные картинки делать с округлыми краями.

Если хотите сделать такие - заходим в свой блог Дизайн - Добавить гаджет - HTML/JavaScript, вставляем там  код, заголовок оставить пустым  Готово, радуемся, в любой момент можно удалить гаджет и всё вернется к старым настройкам.
Код:

<style>.post-body img{-webkit-border-radius:15px!important; -moz-border-radius:15px!important; border-radius:15px!important;}</style>

У меня радиус закругления 15, можно увеличить, или уменьшить. Только число надо ставить целое. Приятного просмотра.