如何第一HTML孩子錨定到左側，最後一個 - 向右

Question

請考慮下面簡單的例子：http://jsfiddle.net/mark69_fnd/vtLrt/

正如你可以看到，它打印：

A1 B1 
A2 B2 
A3 B3 C3 D3 E3 F3 G3 

什麼我想看到的是：

A1    B1 
A2    B2 
A3 B3 C3 D3 E3 F3 G3 

iee第一個元素錨定在左側（A1，A2，A3），最後一個錨定到右側（B1，B2，G3）。

我可以不用JS嗎？

Answer 1

編輯：你說你想B1, B2, B3到極右，但你的例子顯示了一些不同的東西

只要給float: right;到.anchorToRight

Demo

CSS

.anchorToRight { 
    float: right; 
} 

Answer 2

我有看到您已添加課程anchorToRight。將這個類浮動到正確的位置。

.anchorToRight{ 
    float:right; 
} 

Answer 3

嗨，現在在你的CSS float : right

定義您.char.anchortoRight類作爲這樣

.char.anchorToRight{ 
float:right; 
} 

Live demo

Answer 4

添加這個CSS到你的CSS文件。

.anchorToRight{
float:right;
}