title: White space caused by outline
body: <p>After I added 12px outline to the div which contain a background image, on the left and right hand side it appear some white space</p>
  <p><em>Image:</em>
  <a href="https://i.stack.imgur.com/SWX88.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SWX88.png" alt="enter image description here" /></a></p>
  <p>How do I remove the white space?</p>