Spans inside paragraph per line

Question

I have:

name: james

but I want to be shown as:

name:
james

Here's a live example of this

HTML markup:

<p>
<span class="bla">name:</span>
<span class="bla">james</span>
</p>

CSS markup:

.bla {
 display: inline-block;   
}​

Thanks in advance

Answer 1

inline-block isn't going to achieve what you are after, if you are wanting to do this by adding styles to the .bla class. Try changing it to display:block instead.

See my Example: http://jsfiddle.net/n1ck/NNpqq/1/

.bla {
 display: block;   
}​

Or you can add some markup: http://jsfiddle.net/n1ck/NNpqq/5/

<p>
    <span class="bla">name:</span> <br />
    <span class="bla">james</span>
</p>
​