It is a simple trick to make any div into a circle
1. Make sure the div is a square (same height and width)
2. Assign border radius : 100% (maximum rounded borders for a square make it look like a circle!!)
1. Make sure the div is a square (same height and width)
2. Assign border radius : 100% (maximum rounded borders for a square make it look like a circle!!)
<div></div>
div{
height:100px;
width:100px;
border-radius:100%;
background-color:#444; /*Some color so that circle is visible*/
}
