Remove padding beneath heading tag

Question

Currently I have a list that has an H3 heading above it (which I can\'t really remove easily, it\'s auto generated by a cms) and looks something like this

He         


        

Answer 1

H1, H2, and H3 tags all inherently have a margin and padding added to them by browsers.

You can test this by putting a background on the H1, H2, and H3 tags in css and looking in different browsers.

To remove the "pipe spacing" you should:

h3{
    padding: 0px;
    margin: 0px;
}

Then you can re-add whatever you would like since CSS is a one-way execution path. Consequent CSS values will overwrite base-level CSS.