john smith john smith - 2 months ago 10
CSS Question

Preventing "double" borders in CSS

Say I have two divs next to each other (take https://chrome.google.com/webstore/category/home as reference) with a border.

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:

"Double" border

You can see that where the two divs meet, it appears like they have a double border.

Answer

#divNumberOne { border-right: 0; }