Не могу ли я перемещать элементы вправо и иметь их одинаковую ширину?

Question

Привет, я работаю над оберткой текста с помощью CSS, но, к сожалению, по какой-то причине я не могу поплавать им вправо, вместо этого они перекрывают друг друга. И также, как я могу дать им фиксированную ширину, чтобы они были одинаковы и правильно выровнялись.

Проверьте мой код здесь: http://jsfiddle.net/g7C2v/

#simple_arc { 
       border: 1px solid red; 
       display: block; 
       width:306px; 
       height:305px; 
       } 

Got акций с этим вопросом.

Answer 1

просто добавить position:relative в <li>

DEMO

li { 
    float: left; 
    position:relative; 
} 

Answer 2

Поскольку вы использовали position:absolute для каждого span, без relative родителей, все они расположены по отношению к телу.

Просто добавьте position:relative в #simple_arc, #reversed_arc и #auto_radius

уборщик код будет добавить некоторые id к <ul>, а затем с помощью #id li -

HTML:

<ul id="container"> 
    <!-- Content --> 
</ul> 

CSS :

#container li { 
    position: relative 
} 

JSFiddle

Answer 3

Вопрос не ясен: Кажется, что вы хотите переместить каждый круги рядом следующих ..Anyways у использовали absolute position для каждого круга так и можно использовать left:some значения для каждого li.

#simple_arc { left: 0px; } 
#reversed_arc { left: 50px; } 
#auto_radius { left: 100px; } 

Answer 4

Попробуйте это, это поможет вам.

ПРОВЕРКИ Этот код: HTTP: //jsfiddle.net/g7C2v/3/