Draw Circle using css alone [duplicate]

You could use a .before with a content with a unicode symbol for a circle (25CF).

.circle:before {
  content: ' \25CF';
  font-size: 200px;
}

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

Expand snippet

I suggest this as border-radius won’t work in IE8 and below (I recognize the fact that the suggestion is a bit mental).