How to create div with curve in css and html5?

Question

I am newbie in css world and I am trying to make responsive design like this using bootstrap,css and html5.

but ended up like this.

how to create same

Answer 1

well a simple solution maybe... use a small red dot image and repeat it in outer div and inner div has border-radius: 50%

 

    

         ABCDEFGH
    

(You can add two

's of height as you want to get those top and bottom borders)