Мне необходимо заставить содержимое левого div обтекать правый при уменьшение экрана.
<style>
.class1{
background-color:#678e6f;
width: 80%;
float: left;
}
.class2{
background-color:#00ff34;
width: 300px;
float: right;
}
</style>
<div class="class">
<div class="class1">
<img/><img/><img/>
</div>
<div class="class2">
<li>text</li>
</div>
</div>
но при столкновений дивов правый переносится полностью
Можно ли это как то исправить?
Мне необходимо что-то похожее на это только для переноса всех элементов
htmlbook.ru/example 
