I am using box-shadow to mimic an inset border for a series of divs. The problem is the box-shadow doubles in pixels at the top/bottom of each div because they are stacked.
Is there a way to perhaps cut the top/bottom border dimension in half…so when stacked it equals the left/right?
_Note: if anyone has a better approach for accomplishing an inset border…I’m all ears._
If you use:
box-sizing: border box;
then your padding and borders will not exceed the limits of your overall dimensions.
I made some adjustments:
how about adding something like this:
> Still doesn’t correct anything. I think the problem now depends on the display: table
works for me…
You must be logged in to reply to this topic.