Испытание: пазл на флоатах


#1

Вроде всё уложилось, единственное не могу понять как сделать обтекание вокруг фиолетового незафлоченного блока, вроде ставлю его ниже зафлоченного

<!DOCTYPE html>
<html>
    <head>
       <title>Испытание: пазл на флоатах</title>
       <meta charset="utf-8">
    </head>
    <body>
        <div class="puzzle">
            <!--
            Вставляйте дивы с классами
            от block1 до block8 в определённом порядке
            <div class="block1"></div>
            -->
            <div class="block8"></div>
            <div class="block5"></div>
            <div class="block3"></div>
            <div class="block1"></div>
            <div class="block4"></div>
            <div class="block6"></div>
            <div class="block7"></div>
            <div class="block2"></div>
        </div>
    </body>
</html>

#2

Поменяйте блок 7 и 8 местами.


#4

Фиолетовый блок появился, но все съехало, не помогло


#5

Помогло. Теперь осталось еще два блока местами поменять. А какие, я думаю, вы поймете сами.


#6

Как не пытался, не могу понять


#7

Первые два, если я правильно помню.


#8

Да, вы правы, спасибо за помощь!:slight_smile: