Home/ Questions/Q 8324653
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T00:09:05+00:00

So I have these four boxes, floated left, each with a 50% width of

  • 0

So I have these four boxes, floated left, each with a 50% width of the page. I want them to have an outline of 1px solid gray, and I want to round the corners with 6px. I know I could use border:1px solid gray; and border-radius:6px; but the problem is that border adds width to the element. And because the boxes have 50% width, and they’re floated left, I can’t add a border to them. So is it possible to make outline corners round?

Edit:CSS-only solution would be best, because I need to support every browser excluding IE6.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can still do this with borders by using box-sizing. It includes the border’s width in the elements total width and is fairly supported.

    • 0