by threadi
HTML
<style type="text/css">
.clearafter:after {
clear: both;
content: ".";
display: block;
float: none;
font-size: 1px;
height: 1px;
visibility: hidden;
}
<div style="float: left;background-color: red;">
<div style="width: 30px;height: 30px;background-color: green;">lo</div>
<div style="width: 30px;height: 30px;background-color: blue;">lm</div>
<div style="width: 30px;height: 30px;background-color: pink;">lu</div>
</div>
<div style="float: right; background-color: green;">
<div style="width: 30px;height: 30px;background-color: green;">ro</div>
<div style="width: 30px;height: 30px;background-color: purple;">rm</div>
<div style="width: 30px;height: 30px;background-color: magenta;">ru</div>
</div>
<div class="clearafter" style="background-color: yellow;">mitte</div>
Alles anzeigen
Ich stand einfach so dermaßen auf dem Schlauch, dass ich nich drauf gekommen bin um die linken und rechten divs ne "formatierungs-Div" zu machen T_T
Naja hat man mir wohl ins Hirn geschissen
vielen Dank trotzdem