Forums

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;
  }

  <div id="circle"></div>

Thanks,

:)

FragaGeddon

I think Chris did something like this in codepen.

HugoGiraudel

border-radius: 50%;

HoughtonA

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

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

HugoGiraudel

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

treehouse : what would you like to learn today?

Forums

[Solved] CREATING A CSS CIRCLE.