title: Is a CSS Arch using border-radius possible?
body: <p>I'm trying to create an arch using just CSS. I've looked into various "<a href="https://stackoverflow.com/questions/11033615/inset-border-radius-with-css3">inset border-radius</a>" questions, but all of them show how to inset corners, not the middle section of an object. </p>
  
  <p>I'm looking for a way to inverse the middle of an object to create an arch like a bridge.</p>
  
  <p>Included is an example image to show the sort of thing I'm trying to achieve.
  <img src="https://i.stack.imgur.com/0V1nx.jpg" alt="enter image description here"></p>
  
  <p>Edit:</p>
  
  <p>An important part of this arch is that it will be placed over other objects. Simply whiting it out isn't a solution, rather just a temporary hack. See image below for more on that.</p>
  
  <p><img src="https://i.stack.imgur.com/rLwB3.jpg" alt="enter image description here"></p>