troubleshooting Question

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

Avatar of Jonathan Greenberg
Jonathan GreenbergFlag for United States of America asked on
CSSHTMLJoomla
2 Comments1 Solution493 ViewsLast Modified:
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>
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
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros