Jak zrobić, by div nie wchodził poza prawą i lewą stronę ekranu.

Mamy pozycjonowanie:

Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. 
<div style="position:relative;display:inline-block;">
  <div style="position:absolute;top:0;left:0;width:100px;white-space:nowrap">
Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. Oto jest tekst bardzo długi.
</div> 
</div>
Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. Oto jest tekst bardzo długi. Oto jest tekst bardzo długi.

Pytanie: jak zrobić, by tekst dziecka div rodzica div, w powyższym kodzie, nie wychodził poza prawą i lewą stronę ekranu. Tzn. jak wychodzi poza jego prawą stronę, to by ten tekst był wtedy przesunięty w lewą jego stronę, a gdy wychodzi poza lewą stronę ekranu, to by tekst był przesunięty w jego prawą stronę. Tak jak przy atrybucie title.

Daj proszę jakiś działający przykład na http://jsfiddle.net na którym będzie widać o co CI chodzi, bo z opisu problemu za wiele nie rozumiem :(

Nadajesz temu divowi określone wymiary i każesz mu się przesunąć, co innego ma on zrobić niż wyjść poza obszar swojego rodzica? Czego byś oczekiwał?

Edit: był tu link do https://jsfiddle.net/szv23h7p/1/, ale chyba autor usunął post

Oto jest przykład: https://jsfiddle.net/p28g7aqd/3/
Jak zrobić, by id="dziecko" nie wychodził poza ramkę id="ekran", który symbolizuje ekran. A ten tekst może być dowolny w tym kodzie. Tzn. jak wychodzi poza jego prawą stronę, to by ten id="dziecko" był wtedy przesunięty w lewą jego stronę.

jest takie coś jak position: fixed, ale nie wiem, czy to będzie tu najlepszym podejściem (to zależy, co chcesz zrobić - w position: fixed po prostu ustawiasz diva względem krawędzi ekranu).