如何控制文字的排列

例如说，在
<div id="htmlcontent">
<marquee id="content" direction="up" scrolldelay="1">
悄悄的你走了，正如你悄悄的来；. 你转身的离去，未有丝毫的征兆。 每当你突然的出现，总有莫名的激动？ 每当你飘然的出现，总有莫名的冲动！ 每当与你嬉闹追打，总有莫名的快感！ 每当你突然的消失，总有莫名的失落。。。 每当此时此刻，总会想说：小强哥！
<br /></marquee>

如果在CSS中设置了高度宽度，这些文字都是显示为多行的。我想要的效果是，它只是单行的，然后左右滚动 。
不知道如何才能让它变成单行显示呢？

HTML code

<div id="htmlcontent" style="width:300px">
<marquee id="content" direction="left" scrolldelay="1">
悄悄的你走了，正如你悄悄的来；. 你转身的离去，未有丝毫的征兆。 每当你突然的出现，总有莫名的激动？ 每当你飘然的出现，总有莫名的冲动！ 每当与你嬉闹追打，总有莫名的快感！ 每当你突然的消失，总有莫名的失落。。。 每当此时此刻，总会想说：小强哥！<br />
</marquee>
</div>

这样就是单行左右滚动的啊，呵呵，我只在IE上看了下效果。

+1 
火狐下也可以的

CSS code

<marquee id="content" direction="up" scrolldelay="1">中direction="up"改成direction="left"