title: How can I create div with a pointed top with CSS
body: <p>I've see a lot of threads remotely related that basically suggest CSS triangles in the ::after or ::before pseudos, but none have really panned out.  I'm throwing this out to see if anyone has any ideas.  </p>
  
  <p>I'm looking to create a div with a pointed or pitched top that still maintains a uniform border and box-shadow with the rest of the div.</p>
  
  <p>See link for an image of what I'm trying to create:</p>
  
  <p><img src="https://i.stack.imgur.com/ObZ09.jpg" alt="enter image description here"></p>