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">
<span class="contact-suburb" itemprop="addressLocality">
Boca Raton <br>
<span class="contact-state" itemprop="addressRegion">
<span class="contact-postcode" itemprop="postalCode">
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.