Draw a simple rectangle. Your choice of `height` and `width`, of the rectangle, will dictate the size and shape of the ellipse.

.ellipse{
    background-color: #45597e;
    height: 100px;
    width: 150px;
}



// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

codemirror

The **border-radius** refers to the curvature at the corners of the ​shape; it should be set to a very high value (50% to 100%). 

.ellipse{
    background-color: #45597e;
    height: 100px;
    width: 150px;
    border-radius: 50%;
}

To draw a **circle** (a special case of ellipses) keep the `height` and `width` equal.

.ellipse{
    background-color: #45597e;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

How to create an ellipse in CSS

Use a rectangle with equal width and height for circles. Set border-radius to 50%-100% for ellipses.