Как сделать обтекание блока блоком?

Question

[pegas]

https://jsfiddle.net/1gco0s0f Как сделать чтобы класс q2 не входил в q1 а обтекал его как текст. Но без применения float https://jsfiddle.net/1gco0s0f/1/ - не так

Answer 1

[Nifontov]

Оберните все в 1 див main и задайте ему значение display: flex
CSS

.main { display: flex;}
.q1{
width: 100px;
height: 200px;
border: 1px black solid;
float: left;
margin-left: 10px;
}
.q2{
width: 300px;
height: 100px;
background: red;
}

https://jsfiddle.net/1gco0s0f/8/

Answer 2

[Артём Ведищев]

А может так:
https://jsfiddle.net/1gco0s0f/9/
PS Правда не очень понимаю что именно нужно, картинку в студию :)

Answer 3

[Максим Тарабрин]

Обтекающий блок с поворотом текста на 90 градусов? Или что? Какой результат вы видите?

Comments

[pegas]

https://jsfiddle.net/1gco0s0f/1/ Такой же результат, но без применения float для aq

[Александр Лысенко]

Артём: не нравится float, берите flex

[Максим Тарабрин]

Артём: задайте для q2 следующее:
overflow: hidden;
или
margin-left: 110px;