by Tom Millard

Make a circle using CSS

css - html

How to make a circle shape using css and html.

<div class="circle"></div>
.circle {
  border-radius : 50%;
  background-color : red;

  width : 100px;
  height : 100px;
 }

and thats it.

Unfortunately this is still a box element so adding content will overflow outside the circle :(

<div class="circle">
    <span>something something something</span>
</div>

>The fiddle