How about
:
Code:
.subtitle { display: block}
which is in practice equivalent to using <div class="subtitle"> (also a valid option)?
<span> is by default an inline element, <div> is by default a block element, both with no other semantic content. I don't remember the details, but it may be that inline elements do not have any padding, or at least vertical padding.