Using :after to clear floating elements

Question

I have a list and the li\'s have a float:left;. The contents after the

should be aligned correctly. Therefore i can build the following:

Answer 1

Use

.wrapper:after {
    content : '\n';
}

Much like solution provided by Roko. It allows to insert/change content using : after and :before psuedo. For details check http://www.quirksmode.org/css/content.html