display circular divs all around starting from center

Question

is there a way to align circular div around another circular div, as in the image, without defining a fixed position to each element?

<div style="left:50%; margin-left:-125px; width:250px; height:250px; border-radius:125px; background#F00;"></div>

UPDATE:
what about instead going from left to right? I tried using float but it doesn't work as I would like