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

Write like this:

.wrapper:after {
    content: '';
    display: block;
    clear: both;
}

Check this http://jsfiddle.net/EyNnk/1/