title: CSS: Merging borders with rounded elements using border radius
body: <p>I got a mockup for something that looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/yC8yN.jpg" alt="enter image description here"></p>
  
  <p>Is there a way I can make this without using images using CSS3?  The border-around-a-border thing with rounded corners seems to be not possible to do...  The part with the gray background having rounded bottom borders seems to also make things more difficult, since otherwise it could just not have borders.  Note that the border should not be any wider when they come together, they are supposed to be 2px everywhere.</p>