Как расположить блок с картинкой и текстом посередине в списке?

Question

[DYLAN]

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

Answer 1

[Никита Егоров]

Через флексы.

Comments

[DYLAN]

Вся проблема в иконке с плюсом, а не в создании списка, ибо данная иконка больше текста и получается, что текст на уровне начала иконки

[Никита Егоров]

DYLAN, изменил ответ, просто добавив иконку. Я не совсем понял какая у вас проблема, если решать через флексы.

[Дима Долготер]

не контентные картинки в img - фи, сударь

Answer 2

[Дима Долготер]

li.plus{position:relative}
li.plus:before{
content:"+"
position:absolute;
width:20px;
heght:20px;
border-radius:50%;
top:50%;
margin-top:-10px;
left:10px
}

Comments

[DYLAN]

в качестве Иконки выступает не символ а картинка, хотя можно сделать символом, но вид должен быть таким же

[Дима Долготер]

DYLAN, так в чем вопрос? контен пустой и background image