排列圖標和佈局

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; 
} 

我會說，通常浮動權的時候，我喜歡飄起了周圍的容器，然後包括我的項目。這樣做的原因在於，要將所有東西逐一浮動，您必須以相反的順序添加它們。如果你漂浮一個容器，那麼你可以保持它們的邏輯順序。