CSS

how to create a semi circle in css

    div { 
        position: absolute; 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        height: 100px; 
        width: 200px; 
      	border-radius: 150px 150px 0 0; }