Question

I looked on here for solutions but when I tried it, it didnt work. I want the alphabet to be on a single line. Please ignore my use of inline elements:

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

How do I get all the letters on one line?

EDIT: This is the site: http://goo.gl/tef6u

Answer 1

On your site you have whitespace it’s meant to be white-space.

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

Also, between every single letter you have a <br> line break, the only way to counter that is to either remove them or add

br
{
    display: none;
}

to your CSS if you can’t change the HTML.

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