Сам с такой проблемой сталкиваюсь, сделал вывод что победить её можно только опытом. Просто верстай, всё придёт.

Я не совсем понял вопрос, на картинке они по центру, в коде кусок из шаблона какойто цмс, без ксса даже. Опиши подробнее что ты хочешь.

Viewport units?

Можно :before и :after наклонить трансформацией.

Если ты хочешь чтобы это был цельный блок - то, насколько мне известно - никак. Можно вместе дырки использовать картинку, тогда строчные элементы будут её обтекать.