Question

My CSS is:

p {
    border-style: solid;
    border-width: 0 15px 0 0;
    border-color: blue;
    margin-top: 20px
}

As you can see from http://jsfiddle.net/dcAQW/1, this creates a white space between the two paragraphs. How can I remove that whitespace (i.e. make it blue)?

Answer 1

This is because margin is out of box but padding inside the box. So you should use padding to get take account.

In this picture border that browser render is the red line.