How to adjust paragraph spacing?

HTML & CSS
1

Hi all,

I know you can adjust the spacing between lines of text with the ‘line-height’ property, but how do you adjust the spacing between different paragraphs? Do you use the margin-top and/or -bottom property?

For example, if I have

<style type="text/css">
		body{
			font-family:Helvetica, Arial, sans-serif;
			text-align:center;
			color:#939598;
			line-height:150%;
			font-size:13px;
		}
		h1{
			font-size:26px;
			font-weight: bold;
			color:#2755A1;
			line-height:100%;
		}
</style>
<body>
<p>introductory line</p>
<h1>heading</h1>
</body>

…the spacing between the <p> element copy and the <h1> copy feels enormous. Can I reduce it using the style adjustment below? Any potential issues I should be aware of?


		h1{
			margin:-10px 0 -10px 0;
		}
2

Use bottom margin. Better than padding as it calapses

3

Thanks for the confirmation, @EricWatson!