[css]"Pojemność" elementu Opcje

[Chys]

Witam.
Przejdę od razu do rzeczy:
Mam dajmy na to, element div który ma szerokość 300px i wysokość 20px. Chciałbym wsadzić do niego text dużo dłuższy, np. taki który w jednej linii by zajmował 600px, jednak w normalnie przejdzie on do następnej linii, a ja chciałbym żeby był w tej samej tylko niewidoczny. Jeśli nie wyrażam się dość zrozumiale dla kogokolwiek, co zważywszy na moje zdolności tłumaczenia jest bardzo prawdopodobne, to chciałbym zrobić po prostu coś w rodzaju marquee używając javascriptu i css'ów albo jeszcze dokładniej, zwyczajny pasek informacyjny jak dla przykładu ten na tvn24.
Z góry dziękuję za pomoc

[Cezar708]

na początek możesz zrobić CSS tak:

[HTML] pobierz, plaintext 
<style>
div#text {
  border: 1px solid red;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  padding-left: -10px;
}
</style>
 
<div id="text">asdfasdfa sdasd fasdf asdf asdf asdf asdf asdfa sdfjahsfaksdfh kadfhakdh fakdfhaksdhf kadjfkadhf akdhfaks fhajsdhfk ajdk ahdfk jahdfkah</div>
[HTML] pobierz, plaintext 

co do kodu JS to na razie nie mam pomysłu, ale jak na coś wpadnę dam znać

Pozdrawiam