CSS: Why left border is taking extra space? : <p>Here is my website: <a href="http://www.reshapefinancial.com/" rel="nofollow noreferrer">http://www.reshapefinancial.com/</a> and when I apply left border it creates a space on right site. When you inspect and remove the left border <code>border-left: 1px solid white</code> you'll see that the space on the right disappears.</p>

<p><a href="https://i.stack.imgur.com/PBx43.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PBx43.jpg" alt="enter image description here"></a></p>
