CREATING A CSS CIRCLE.

[BibCra]

Whats the cleanest and simplest way of creating a circle in CSS and then centering a smaller image?

Here’s what I have so far.

#circle {
width: 200px;
height: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
background-color: #333;
}

Thanks,

:)

[John]

I think Chris did something like this in codepen.

[Kitty Giraudel]

border-radius: 50%;

[HoughtonA]

This should about cover it. (expanding upon HugoGiraudel’s exhaustive post) <3

http://codepen.io/anon/pen/pEeij

[Kitty Giraudel]

I took the time to use <code> and <pre> tags. :P

[Author]

Posts