How to get text from successive dd tags on the same line

Following is some html in a Joomla page that I need to style:

<dl class="contact-address dl-horizontal" itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address">
	<dt>
		<span class="jicons-text">
			Address: 
		</span>
	</dt>
	<dd>
		<span class="contact-suburb" itemprop="addressLocality">
			Boca Raton <br> 
		</span>
	</dd>
	<dd>
		<span class="contact-state" itemprop="addressRegion">
			Florida <br> 
		</span>
	</dd>
	<dd>
		<span class="contact-postcode" itemprop="postalCode">
			33325 <br> 
		</span>
	</dd>
</dl>

Select allOpen in new window

I can't modify the html, so I need a css solution.  I want to get all 3 address elements on to the same line so that the single line reads:
'Boca Raton Florida 33325'.

As is, they fall on 3 different lines.

I'd be grateful if someone would provide some css that will result in the three address elements falling on a single line, with only spaces between each element.

Thanks!

Regards,
Jon