how do you alter how large the line break is between something like <h1> and whatever comes after it? My design is leaving too much space between the heading element and the element below it. I attempted to change line-height value of the <h1> tag, but that didn't work.
Ah. I was under the impression that adding a margin would simply add more space to the default whitespace set up by headings... if anything, I wouldve thought that a negative margin would be the answer.
Right -- browsers already applying a default margin to those elements, so you just need to override it with your css.
One key is that both an element and its following element may already have default margins, so you may need to override BOTH the margin-bottom for the first element and the margin-top for the following element.Otherwise the margin collapsing rules that browsers use will still apply the larger of those two margins.