-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbody-center.html
66 lines (60 loc) · 4.23 KB
/
body-center.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<style>
body {
background: #555;
}
.text {
max-width: 500px;
margin: auto;
background: white;
padding: 10px;
}
</style>
</head>
<body>
<div class="text">This is a test</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet non orci nec ultrices. Ut cursus, dui et sagittis
suscipit, tortor nisi accumsan turpis, non mattis leo ante non augue. Nunc non nisi commodo, iaculis leo et, rutrum
ipsum. Duis sollicitudin sodales fermentum. Suspendisse vel pellentesque velit. Cras scelerisque, felis id consectetur
faucibus, nisl nulla tristique nibh, ac euismod leo ligula ut magna. Vivamus faucibus lectus enim, et mattis sapien
ultricies vel. Fusce venenatis magna augue, sit amet ornare tortor scelerisque ac. Cras in efficitur augue. Vivamus
condimentum placerat diam sed gravida.</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet non orci nec ultrices. Ut cursus, dui et sagittis
suscipit, tortor nisi accumsan turpis, non mattis leo ante non augue. Nunc non nisi commodo, iaculis leo et, rutrum
ipsum. Duis sollicitudin sodales fermentum. Suspendisse vel pellentesque velit. Cras scelerisque, felis id consectetur
faucibus, nisl nulla tristique nibh, ac euismod leo ligula ut magna. Vivamus faucibus lectus enim, et mattis sapien
ultricies vel. Fusce venenatis magna augue, sit amet ornare tortor scelerisque ac. Cras in efficitur augue. Vivamus
condimentum placerat diam sed gravida.</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet non orci nec ultrices. Ut cursus, dui et sagittis
suscipit, tortor nisi accumsan turpis, non mattis leo ante non augue. Nunc non nisi commodo, iaculis leo et, rutrum
ipsum. Duis sollicitudin sodales fermentum. Suspendisse vel pellentesque velit. Cras scelerisque, felis id consectetur
faucibus, nisl nulla tristique nibh, ac euismod leo ligula ut magna. Vivamus faucibus lectus enim, et mattis sapien
ultricies vel. Fusce venenatis magna augue, sit amet ornare tortor scelerisque ac. Cras in efficitur augue. Vivamus
condimentum placerat diam sed gravida.</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet non orci nec ultrices. Ut cursus, dui et sagittis
suscipit, tortor nisi accumsan turpis, non mattis leo ante non augue. Nunc non nisi commodo, iaculis leo et, rutrum
ipsum. Duis sollicitudin sodales fermentum. Suspendisse vel pellentesque velit. Cras scelerisque, felis id consectetur
faucibus, nisl nulla tristique nibh, ac euismod leo ligula ut magna. Vivamus faucibus lectus enim, et mattis sapien
ultricies vel. Fusce venenatis magna augue, sit amet ornare tortor scelerisque ac. Cras in efficitur augue. Vivamus
condimentum placerat diam sed gravida.</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet non orci nec ultrices. Ut cursus, dui et sagittis
suscipit, tortor nisi accumsan turpis, non mattis leo ante non augue. Nunc non nisi commodo, iaculis leo et, rutrum
ipsum. Duis sollicitudin sodales fermentum. Suspendisse vel pellentesque velit. Cras scelerisque, felis id consectetur
faucibus, nisl nulla tristique nibh, ac euismod leo ligula ut magna. Vivamus faucibus lectus enim, et mattis sapien
ultricies vel. Fusce venenatis magna augue, sit amet ornare tortor scelerisque ac. Cras in efficitur augue. Vivamus
condimentum placerat diam sed gravida.</div>
</body>
</html>