<div>
You want to look at the margin style<br />
Try the following styles to see the effect (Big margin)
<pre><code id="code-20-41441047-1">p {
   margin: 50px 0;
}</code></pre>
Or small margin<br />

<pre><code id="code-20-41441047-2">p {
   margin: 5px 0;
}</code></pre>
</div>


You want to look at the margin style
Try the following styles to see the effect (Big margin)

p {
   margin: 50px 0;
}

Or small margin


p {
   margin: 5px 0;
}

<div>
Julian,<br />
<br />
I believe this would change the spacing on all lines of text in a p tag, not just the first line in each paragraph.
</div>


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.

<div>
<div class="content wysiwyg-content">
Given 2 text blocks like this<br />
<br />
&lt;p&gt;First text block&lt;br&gt;<br />
second line&lt;/p&gt;<br />
&lt;p&gt;Second text block&lt;br&gt;<br />
second line&lt;/p&gt;<br />
<br />
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?<br />
<br />
I've tried using styled &lt;hr&gt;, 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.<br />
<br />
I'm hoping someone has a working solution.
</div>
</div>


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.

How to decrease the whitespace between two blocks of text

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.