-
Notifications
You must be signed in to change notification settings - Fork 1
/
styling-test.html
46 lines (37 loc) · 3.07 KB
/
styling-test.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
.corp {
line-height: 4rem;
word-spacing: .1rem;
background: #cccccc;
color: #ffffff;
}
</style>
<title>Styling test</title>
</head>
<body class="corp">
<h1>This is a test</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non aliquam orci. Nunc tristique nibh vitae orci viverra, ac semper nibh fermentum. Vestibulum id tempor est, ac condimentum leo. Nam non magna augue. Nam accumsan ex a odio elementum, at tincidunt erat vehicula. Integer id nisl gravida, molestie odio sit amet, venenatis tellus. Donec aliquam luctus nisl. Duis porta, nunc non facilisis scelerisque, eros lacus volutpat tellus, eget vehicula dolor mauris ut metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<h2>Part 1</h2>
<p>Nulla facilisi. In dui metus, sodales eu scelerisque quis, tempor vel massa. Vivamus eleifend erat ex, a luctus justo ornare sit amet. Vestibulum vestibulum dui eget accumsan maximus. Praesent elementum velit a ligula placerat, vitae ullamcorper lorem cursus. Mauris elementum iaculis ligula, gravida sollicitudin urna scelerisque a. Duis sollicitudin augue eros, tincidunt bibendum nisl pellentesque quis.</p>
<h2>Part 2</h2>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin egestas tempor nisi sed gravida. Nullam tortor sem, cursus nec tellus sit amet, porttitor imperdiet leo. Donec vitae mi eget dui ornare mattis id ut massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et egestas quam, sed suscipit elit. Praesent quis magna sed diam sodales auctor. Fusce eget tortor vulputate, posuere ex at, varius ante. Aenean placerat odio sit amet diam tempus maximus non in massa. Nullam convallis leo non tellus cursus, nec imperdiet dolor pretium. Duis non sem imperdiet, pellentesque urna non, semper ante. Quisque vehicula mi sit amet ex congue, ac efficitur ligula semper. Aliquam molestie eros id hendrerit laoreet. Praesent mattis rutrum nibh ac molestie.</p>
<table>
<caption>my table</caption>
<tr><th scope="col">AA</th><th scope="col">BB</th></tr>
<tr><td>123</td><td>543</td></tr>
<tr><td>12</td><td>54</td></tr>
<tr><td>6</td><td>456</td></tr>
</table>
<p>Maecenas ultrices ante ac ipsum varius, ac commodo erat dapibus. Vestibulum at tellus est. Nullam sollicitudin leo quis pharetra vestibulum. Sed cursus lectus vel risus euismod pellentesque et id diam. Curabitur eget augue sit amet dui cursus ultricies. Proin non ornare dolor. Integer id tellus eleifend, lacinia dolor vel, congue lorem.</p>
<ul>
<li>Apples</li>
<li>Bananas</li>
<li>Peaches</li>
</ul>
<p>Mauris quis rutrum tortor. Donec quis urna ex. Cras nec turpis fermentum, sagittis turpis et, egestas urna. Ut a luctus purus. Pellentesque vel mauris velit. Integer sit amet sapien ac erat fringilla convallis. Nam interdum justo vitae justo pulvinar, et consectetur orci condimentum. Aliquam luctus commodo eros.</p>
</body>
</html>