title: CSS border style inside
body: <p><img src="https://i.stack.imgur.com/vrxU9.jpg" alt="Boder"><br></p>
  
  <p>I want to create a border as shown in the image. I tried with all the styles inset, outset,ridge and groove but I was not able to get the expected result.
  Is there any way to bend border towards inside till middle and get back towards till top(hope you understand the problem).<br></p>
  
  <p>If it's repeated question please add the solution link.</p>
  
  <p>Thanks in advance.<br>
  I have tried this:</p>
  
  <pre><code>        div {  
                border-bottom: 1px ridge #B5B9BB;
                /*border-bottom: 1px inset #B5B9BB;
                border-bottom: 1px outset #B5B9BB;
                border-bottom: 1px groove #B5B9BB; */
              }
  </code></pre>