Как сделать картинку слева, а справа заголовок и текст?

Question

[Виталий]

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

Comments

[2cha.headz]

можно блоку сделать слева паддинг, а картинку абсолютом прицепить в бекграунд псевдоэлемента, а через класс родителя задавать сам стиль псевдоэлемента

типо такого:

<div class="megablock diamond">
    <h2>Ubability</h2>
    <p>text</p>
</div>

.megablock {padding-left: 80px}

.megablock:before {
position: absolute;
content:'';
display:block; 
width: 50px; 
height: 50px;
left:10px;
top:10px;
background-position: center center; 
background-size:contain
}

.diamond:before {background-image:url(...)}

ps написал для примера, даже не тестил))

Answer 1

[Vadim Bogomazov]

https://jsfiddle.net/uht0b1zx/
https://jsfiddle.net/84on9jht/
https://jsfiddle.net/74b51mv3/