asked on How to decrease the whitespace between two blocks of text
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.
<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.
CSS
Last Comment
Julian Hansen
ASKER
Julian,
I believe this would change the spacing on all lines of text in a p tag, not just the first line in each paragraph.
I believe this would change the spacing on all lines of text in a p tag, not just the first line in each paragraph.
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
Try the following styles to see the effect (Big margin)
Open in new window
Or small marginOpen in new window