Q:

Как расположить блоки вокруг центральной картинки?

Есть вот такой макет, где пять блоков текста расположены по кругу, а центре имеется картинка. С подобной структурой сталкиваюсь впервые, есть какая-то схема вёрстки такого рода вещей? Мне на ум приходит только
position: absolute, причём как на блоки, так и остальные элементы дизайна (иконки, полосочки эти и тд). Как быть с этими полосочками
(тупо вырезать в виде картинки или как-то бордером их выводить)? Как быть с иконками, как быть с реализацией этих блоков вокруг картинки? Можно ли их сделать не через position: absolute, а как-то более правильно?

A:

Очень многое зависит от требований, должна ли эта верстка быть адаптивной, как должны вести себя элементы при разных разрешениях окна, и т.д?
Если речь не идет про адаптивную верстку, то макет вполне себе делится на стандартные блоки 
Основная загвозка заключается именно в нижних подчеркиваниях заголовков, к сожалению, я не могу с ходу дать классный ответ, как нижнее подчеркивание вывести к центру за пределы блоков, точнее это требует просто детального внимания. Однако общий смысл моего варианта - вы засовываете центральную картинку и все линии(подчеркивания) (или подчеркивания не засовываете в изображение, а действительно используете :after :before с position:absolute и поворотами) в бекграунд главного блока. А в этом блоке создаете дочерние блоки по тому же принципу, что и на скриншоте.

