Question

Please, take a look to this piece of code:

<span class="something">
    <label>test1</label><br/>
    <label>test2</label><br/>
    <label>test3</label>
</span>

This will create a vertical list of labels. Is possible to do this without the <br> tags using CSS? It is, is possible to show the same vertical aligned label list with this HTML code?:

<span class="something">
    <label>test1</label>
    <label>test2</label>
    <label>test3</label>
</span>

Answer 1

Or, without changing the contents of the span to block elements:

span.something label:after {content: '\A'; white-space: pre-line}

See http://jsfiddle.net/VsnKx/

Edit: Another way (if you don’t mind floats) is

span.something label {float:left; clear:both}

which doesn’t use :after, although it does use floats, which may be undesirable. You also will have to clear the first element after the span.