Why is this not a perfect circle?

Margin property was working fine with just:

.container {
  border: solid 2px red; 
  border-radius: 50%; 
  height: 500px; 
  margin: 20%; 
}

Once I introduced width: 500px the margin completely disappeared and stretched to fill the screen.

Because Maynard James Keenan didn’t code it :slight_smile: OK, stupid joke unless you are into that type of music.

Seriously, you’re missing a semicolon after the width property on the container.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.