Avatar of Jonathan Greenberg
Jonathan Greenberg
Flag for United States of America 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:

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

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.



Avatar of undefined
Last Comment
Jonathan Greenberg

8/22/2022 - Mon
Scott Fell

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Jonathan Greenberg

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!

I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck