CSS текст в DIV не на следующей строке, когда ДИВ

Question

Если я хочу поставить DIV в DIV:

<div id="frame"><div id="content">Very long text....</div></div> 

И я хочу ДИВ содержание будет столь же широко, как текст, поэтому текст делает не продолжить на следующей строке, как я могу это сделать? Также текст, который будет находиться вне рамки div (потому что содержимое div будет шире, чем div), не должно быть видимым. Я добавлю функцию перетаскивания, чтобы показать не видимый текст.

В настоящее время у меня есть следующие CSS:

#frame{ 
    clear: both; 
    overflow: hidden; 
} 

#content{ 
    display: block; 
    float: left; 
    width: 100%; 
} 

Но это приводит, что весь текст виден в кадре DIV, потому что текст продолжается на следующей строке.

Любые предложения?

Спасибо!

Answer 1

Использование #content { белого пространства: Nowrap;
}

http://jsfiddle.net/TX9Le/

REF: http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 2

Добавить white-space: nowrap: http://jsfiddle.net/R8avX/

Answer 3

Все, что вам нужно сделать, это дать высоту кадр ДИВ: http://jsfiddle.net/aFDEL/