title: Preventing "double" borders in CSS
body: <p>Say I have two divs next to each other (take <a href="https://chrome.google.com/webstore/category/home" rel="noreferrer">https://chrome.google.com/webstore/category/home</a> as reference) with a border.</p>
  
  <p>Is there a way (preferably a CSS trick) to prevent my divs from appearing like having a double border? Have a look at this image to better understand what I mean: </p>
  
  <p><img src="https://i.stack.imgur.com/tWNni.png" alt="&quot;Double&quot; border"></p>
  
  <p>You can see that where the two divs meet, it appears like they have a double border.</p>