Обтекание блока c shape-outside другими блоками
Подскажите, как можно добиться нормального обтекания и того, чтобы блоки которые обтекают занимали оставшуюся ширину?
.left {
width: 200px;
height: 200px;
border: 1px solid black;
float: left;
shape-outside: circle(50%);
background-color: white;
margin-right: 3px;
border-radius: 100px;
}
.content {
height: 10px;
margin: 3px 0;
border: 1px solid black;
background-color: green;
overflow: hidden;
}
<div class="left"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>