-
Notifications
You must be signed in to change notification settings - Fork 0
/
testpage.html
29 lines (29 loc) · 2.14 KB
/
testpage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test Document</title>
<style>
</style>
</head>
<body>
<h1>Test Document</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere neque, magni ipsum sequi incidunt aperiam. Reprehenderit facilis voluptate quidem culpa atque molestias alias architecto, aspernatur ex, consequatur similique minus eligendi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere neque, magni ipsum sequi incidunt aperiam. Reprehenderit facilis voluptate quidem culpa atque molestias alias architecto, aspernatur ex, consequatur similique minus eligendi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere neque, magni ipsum sequi incidunt aperiam. Reprehenderit facilis voluptate quidem culpa atque molestias alias architecto, aspernatur ex, consequatur similique minus eligendi.</p>
<iframe src="http://learnlayout.com/" style="width:800px; position:relative; left: 200px;"></iframe>
<div style="position: relative; left: 200px">
<div style="width: 500px; height: 100px; overflow: auto;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, nisi labore expedita sint ut eius iure consectetur debitis aperiam fugit, sequi unde nemo aspernatur vitae! Voluptatum eveniet nesciunt illum, nihil.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, nisi labore expedita sint ut eius iure consectetur debitis aperiam fugit, sequi unde nemo aspernatur vitae! Voluptatum eveniet nesciunt illum, nihil.</p>
<p>I assume you already know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. If you want to learn HTML and CSS from the beginning, you should check out this tutorial. Otherwise, let's see if we can save you some fury on your next project.</p>
</div>
</div>
<div style="position: relative; left: 300px; width: 100px; height: 50px;">
This is postion relative!
<p style="position: absolute; top: 60px;">Lorem ipsum dolor sit amet</p>
</div>
<p>This is just some test.</p>
<script src="jquery.js"></script>
</body>
</html>