Помощь новичку.

[mrGreeng]

Здравствуйте, недавно начал изучать HTML и СSS сейчас пытаюсь сверстать свой первый сайт и возникает массу вопросов.
Сейчас упёрся в вот такой:
На макеты в блоке 4 колонки с изображением, подзаголовком и тестом.
было решено сделать их через <table> что бы не мучаться с выравниванием. Расстояние между колонками задавал {border-spacing} и т.к. он делает отступ внутрь ячейки у меня получается ненужное расстояние от внешнего края таблицы к тексту. Можно ли выравнивать таблицу как-то по другому? или лучше делать через список?
На рисунке красным указаны границы контейнера, а черным разметка таблицы и серые отступы {border-spacing} нужно убрать наружные отступы.

[miria]

уже, на минуточку, 2019 год и таблицами сайт ни кто не верстает... Есть другие варианты более гибкие и продвинутые.
Сделать div например, и разместить их через позиционирование
или лучше Flexbox. Если не в курсе, что и как загугли инфы очень много, и в будущем будет легче такие штуки делать

[mrGreeng]

Спасибо, за flex очень годная информация, буду осваивать.
А по поводу div`ов показалось, что код будет громоздким и много отступов было бы через падинги, что не есть хорошо.