troubleshooting Question

How to decrease the whitespace between two blocks of text

Avatar of dlearman1
dlearman1Flag for United States of America asked on
CSS
3 Comments1 Solution80 ViewsLast Modified:
Given 2 text blocks like this

<p>First text block<br>
second line</p>
<p>Second text block<br>
second line</p>

What CSS would result in the text blocks separated by less than the default paragraph spacing without changing the line-height inside the text blocks?

I've tried using styled <hr>, which works but only to increase the spacing. I've also experimented with fractional line heights. To avoid changing the interior line-heights I've tried enclosing the first word of the second block in span tags.

I'm hoping someone has a working solution.
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 3 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 3 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