аранжировка значков и макета

Question

У меня есть эти значки, которые плавают вправо, но они не выравниваются должным образом, и я хочу их исправить, поэтому если один значок посередине отсутствует - значок слева будет правильно перемещаться в середину часть. Я хотел, чтобы они были гибкими в зависимости от добавления и удаления и перемещения значков.

Вот jsfiddle: http://jsfiddle.net/67pun/

<span class="toggleIcon accordion_collapse_icon float_right icon-minus"> + </span> 

<span class="float_right week_date_range">Dec 2 - 6</span> 

<a id="editElement" class="btn_inline_block float_left btn_edit_element"> @ 
        </a> 

CSS:

.accordion_collapse_icon { 
position: relative; 
top: 15px; 
right: 20px; 
cursor: pointer; 
} 

week_date_range { 
position: relative; 
top: 13px; 
right: 40px; 
color: #a5a5a5; 
} 
.btn_inline_block { 
display: inline-block; 
padding-left: 0; 
padding-right: 0; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 
.float_right, .float-right { 
float: right; 
} 
[class*=" icon-"] { 
display: inline; 
width: auto; 
height: auto; 
line-height: normal; 
vertical-align: baseline; 
background-image: none; 
background-position: 0% 0%; 
background-repeat: repeat; 
margin-top: 0; 
} 

Answer 1

Я не совсем уверен в вашей желаемой конечной продукции. Вот удар у него: http://jsfiddle.net/HW8E6/

Я добавил оберточной контейнер и поплыл его право:

.container { 
    float: right; 
} 

скажу, что обычно, когда плавающее право, я люблю плавать, окружающий контейнер, а затем включить мои детали. Причиной этого является то, что для плавания все правильно один за другим вы должны добавить их в обратном порядке. Если вы плаваете в контейнере, вы можете сохранить их в логическом порядке.