Как я могу сделать переполнение текста span, как ввод

Question

Я пытаюсь достичь этого с помощью диапазона:

Вот что у меня есть:

<span>some text goes here</span>

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

Это дает мне это:

Я пробовал все возможные способы, которые только мог придумать, но текст продолжает двигаться вниз.Я не хочу указывать высоту.

Answer 1

Используйте white-space: nowrap.В противном случае содержимое всегда будет расширяться по вертикали.

Демо