Jonathan Greenberg
asked on
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:
'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
<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>
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
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks for your help!
Regards,
Jon