I'm trying to make a Timetable for a festival in HTML and CSS. A lot of work has been done, but I can't figure this one out. So I made a Timetable using lists 'UL' 'LI' in HTML, with styling in a CSS document.

At the moment it looks like this.
[Look at the screenshot here](https://i.stack.imgur.com/Asj6E.jpg).

Because it is a very huge timetable, there is a horizontal scroll. What I'm trying to figure out is how to let the text of the stage name, for example, 'Har & Mar' to scroll with the page, so it stays on the left when you scroll to the left or right. [Because that ain't the case at the moment ;P](https://i.stack.imgur.com/GS3II.jpg)

I tried everything to fix this problem, but I don't know how to get this done. Please send help! My code is down here:

```html
<iframe width="100%" height="300" src="//jsfiddle.net/CasperBoon/ayjsuLxe/embedded/html,css,result/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
```

Best regards,
Casper Boon