I'm building a responsive template for my company and using a PSD as the basis of the template.

The designers are very picky about spacing (naturally).

I'm trying to find a way to control spacing in an area where line-height isn't cutting it.

I'm trying to control the spacing between a subhead and the body copy below it. A <br /> is not enough and 2 of those are too much.

My thought was this:

<span style="display:block; height:10px;"> </span>

What are your thoughts on the above solution? Think it'll pass the Outlook test?