How can I make a span text overflow, like an input

Question

I am trying to achieve this with a span:

This is what I have:

<span>some text goes here</span>

span{width:50px;overflow:hidden;float:left;}

This gives me this:

I tried every possible way I could think of but the text keeps moving downwards. I don't want to specify the height.

Answer 1

Use white-space: nowrap. Otherwise the content will always expand the box vertically.

Demo