強制div的內容在一條線上

Question

我在這裏尋找解決方案，但是當我嘗試它時，它沒有工作。我想要把字母表放在一行上。請忽略我對內聯元素的使用：

<div style="width: 100%; overflow: hidden; whitespace: nowrap;"> 
A 
B 
C 
D 
E 
F 
G 
H 
I 
J 
K 
L 
M 
N 
O 
P 
Q 
R 
S 
T 
U 
V 
W 
X 
Y 
Z 
</div> 

如何獲得一行上的所有字母？

編輯：這是網站：http://goo.gl/tef6u

Answer 1

在您的網站上你有whitespace它的意思是white-space。

http://jsfiddle.net/Kyle_Sevenoaks/RUe6x/

而且，每一個字母之間你有一個<br>換行符，以反駁說，唯一的辦法就是將其刪除或添加

br 
{ 
    display: none; 
} 

你的CSS如果你不能更改HTML。

http://jsfiddle.net/Kyle_Sevenoaks/RUe6x/1/

Answer 2

在你指到現場，還有每一個字母后<br/>。 <br/>表示'中斷'，僅用於跳到下一行。所以你所要做的就是刪除這些標籤，你會做得很好。 P.s.不要使用標籤，如果你不知道他們是什麼;）

Answer 3

請檢查下面的鏈接，

這裏所有的字母都在同一水平線條與width: 100%; http://jsfiddle.net/QN68Q/5/

對一個垂直線設置字母就可以得到下面的鏈接設置width: 1%; http://jsfiddle.net/QN68Q/4/