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

Question

[Дмитрий]

Как сделать чтобы блоки в следующим за float-блоком обтекали его, а не растягивались на всю ширину?
jsfiddle.net/zoyk60ef/4
нужно чтобы фоновые картинки в li и :after у h1 были рядом с текстом

Comments

[origami1024]

Тебе нужно просто, чтобы .content стал справа от .aside?
Тогда добавь float: left блоку .content

jsfiddle.net/origami1024/j3sx09z5/2

[Дмитрий]

origami1024, нет, мне нужно, чтобы aside обтекался контентом

[origami1024]

Дмитрий, как это должно выглядеть?

float-ы обтекаются только float-ами

[origami1024]

Вот посмотри вариант, убрал float на .aside, переместил .aside внутрь .content
jsfiddle.net/origami1024/j3sx09z5/4

[Дмитрий]

origami1024, должно выглядеть так же как по моей ссылке, но чтобы первые li обтекали aside. сейчас их фоновые картинки слева, а должны быть рядом с текстом

[origami1024]

Дмитрий, вроде как понял,
вот вариант - просто добавить паддинг слева в aside
jsfiddle.net/origami1024/g36mf0y9/3

[Дмитрий]

origami1024,
вот так должно быть

[origami1024]

Вот - если сделать не backgroundом, а через :before

li:before{
content:url('https://yastatic.net/s3/home/news/desktop/multicol...');
padding-right: 6px;
}
jsfiddle.net/origami1024/g36mf0y9/9

Answer 1

[Andrew Garfield]

Comments

[Дмитрий]

Спасибо!