We help IT Professionals succeed at work.

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

Jonathan Greenberg
on
488 Views
Last Modified: 2014-05-08
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>

Open 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
Comment
Watch Question

Developer
CERTIFIED EXPERT
Fellow
Most Valuable Expert 2013
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Jonathan GreenbergWeb Developer

Author

Commented:
Thanks, Scott!  That's perfect.  I'd gotten all of that myself except for the margin-left.  I couldn't quite figure out how to space everything.

Thanks for your help!

Regards,
Jon
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.