Как сделать так, чтобы иконка была слева от текста?

Question

[Alekosh Akhosh]

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

Answer 1

[Алексей]

Я думаю, что вариант с :before к заголовку будет нормальным вариантом. С отдельным дивом я бы не стал делать

Comments

[Сергей delphinpro]

Учитывая, что это может заполняться из админки, вариант с отдельным дивом уже не кажется таким уж ужасным.

[Ankhena]

Сергей delphinpro, теперь из админки можно передать путь к картинке в виде --icon-src

[Сергей delphinpro]

Ankhena, и правда. я как-то не думал об этом.

Answer 2

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

див. position:relative в нем текст и картинка. диву padding-left:50px;
картинке positionLabsolute; top:0; left:0