Как правильно зафлоатить элементы?

Question

[Semmy_99]

Здравствуйте .
Задача такая имеются два вложенных блока ,в каждом из которых свои элементы. Необходимо расположить нижний блок в правый верхний угол и чтобы элементы первого блока обтекали его. Подскажите пожалуйста как достичь этой цели ?
Ставлю для нужного блока float right,но он просто прижимается к правой части,Элементы его не обтекают.
Вот примерный код https://jsfiddle.net/sa8jg7ss/1/

Comments

[Ярослав Иванов]

так ? https://jsfiddle.net/space2pacman/sa8jg7ss/2/

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/sa8jg7ss/3/ или как ?

[Semmy_99]

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

[Ярослав Иванов]

Jack Azizov: постройте вопрос нормально. Что значит не обтекает и выпадает ?

[Semmy_99]

Ярослав Иванов: Увеличьте текст у первого зеленого блока во втором вашем примере до 4 слов "Pinstrip" и увидите, что блок просто выпадает из потока. А мне нужно чтобы при увеличении текста, зеленый блок расширялся просто вниз и после когда его высота становилась болльше высоты желтого ,то он(зеленый блок) обтекал желтый ещё и снизу .

https://jsfiddle.net/space2pacman/sa8jg7ss/3/

[Ярослав Иванов]

Jack Azizov: https://jsfiddle.net/space2pacman/sa8jg7ss/5/

[Semmy_99]

Ярослав Иванов: Большое спасибо

[kozavr]

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

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/sa8jg7ss/5/

Answer 2

[Максим Тимофеев]

Для левого блока задать margin-right равный ширине вашего изображения