Суть такова
Надо расставить 5 квадратов в повернутую на бок букву "п"
Я бы сделал через fixed или absolute, но условия таковы
Использовать обтекания (float:left и тд)
Использовать div style="clear:both"
Чтобы я не делал, если по левую сторону еще выравниваю, то с правой все не складывается
Знаю, что вопрос очень глупый, но все же надеюсь на помощь
Пример кода ниже
<html>
<head>
<style type="text/css">
.square {
width:100px;
height:100px;
background:red;
float:right;
}
.square2 {
width:100px;
height:100px;
background:blue;
float:right;
}
.square3 {
width:100px;
height:100px;
background:green;
float:right;
}
.square4 {
width:100px;
height:100px;
background:purple;
float:left;
}
.square5 {
width:100px;
height:100px;
background:aqua;
float:left;
</style>
</head>
<body>
<div class="square"></div>
<div class="square2"></div>
<div style="clear:both"></div>
<div class="square3"></div>
<div style="clear:both"></div>
<div class="square4"></div>
<div class="square5"></div>
</body>
</html>
Средний
