Нарисовать круг, используя только CSS

1,00
р.
Можно ли нарисовать круг, который будет отображаться в большинстве браузеров (IE, Mozilla, Safari), используя только CSS?
Перевод вопроса: Draw Circle using css alone

Ответ
Ну раз уж в вопросе сказано "используя только CSS", то так и отвечу:


html { background: white } body { width: 10em /* поддерживаются любые единицы, в том числе проценты */ margin: 1em auto background: silver border-radius: 50% } body::before { content: "" display: inline-block vertical-align: middle padding-top: 100% }