Есть ли способ выровнять круговой div вокруг другого кругового div, как на рисунке, без определения фиксированной позиции для каждого элемента?
<div style="left:50%; margin-left:-125px; width:250px; height:250px; border-radius:125px; background#F00;"></div>
UPDATE:
а что вместо того, чтобы идти слева направо? Я пытался использовать float, но он не работает так, как мне хотелось бы