Попытка правильно выровнять три элемента div с еще тремя ниже ⇐ CSS

[Гость]

Я пытаюсь разместить три элемента div в одной строке в качестве заголовков для трех изображений под ними, центрированных по центру текста. Я могу работать вправо и влево, но центральный просто не будет работать, что бы я ни пытался.
Я пробовал много разных вещей, таких как возиться с полями и отступами. значения, изменение расположения контейнеров и перемещение изображений в отдельные элементы div. Это самое близкое, что мне удалось получить:

Код: Выделить всё

Version Log

body {
background-color: #FFFDD0;
}
header {
text-align: center;
}
img {
border: 2px black groove;
width: 200px;
height: 150px;
padding: 0px;
display: block;
}
a {
text-decoration: none;
color: black;
}
div {
text-align: center;
display: absolute;
margin: 0px;
padding: 0px;
}
h3 {
clear: none;
display: inline;
}




Brent Tracker Version Log


Version 1
 

Version 2
 

Я знаю, что, вероятно, есть очень простое решение, которое мне не хватает. Я новичок в программировании.

Подробнее здесь: https://stackoverflow.com/questions/781 ... hree-below