Tutorial Webpage for

Lecture Cloud- and Web-Technologies


CSS - Absolute Positioning

Please look at the rendered solution and try to write css code such that the site is rendered exactly the same as in the solution!


Please use the following editor for your exercise. You can run the content of the editor by clicking on the tab 'Run'...

Output of Editor Content

The result of running the editor content is as follows:

Output of the Solution

The output of the solution is as follows:


Please have a look at the solution only after you have finished working on your own solution. Otherwise the learn effect is much less.