forked from blocknotes/prawn-html
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrandom_content.html
121 lines (97 loc) · 3.18 KB
/
random_content.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<title>Random content</title>
</head>
<body style="font-family: 'Times-Roman';">
<h1>Random content <small>(with various elements and styles)</small></h1>
Test inline elements:
this is <i style="color: #df2818">italic</i>, <u>underline</u> and <b>bold, <i>bold italic</i></b>
<br />
<br />
<br />
<div>div element</div>
<div>div (2) element</div>
<span>span element</span>
<span>span (2) element</span>
<blockquote>The Block Quotation element</blockquote>
<hr style="color: #080" />
<div style="text-align: left">text-align: left</div>
<div style="text-align: center">text-align: center</div>
<div style="text-align: right">text-align: right</div>
<div style="text-align: justify">text-align: justify</div>
<hr />
<div style="margin-top: 30px">margin-top</div>
<div style="margin-left: 20px">margin-left</div>
<div style="margin-bottom: 10px">margin-bottom</div>
<hr/>
Begin of list
<ul>
<li>Level 1a</li>
<li>Level 1b
<ul>
<li>Level 2a</li>
<li>Level 2b
<ul>
<li>Level 3a</li>
<li>Level 3b</li>
<li>Level 3c</li>
</ul>
</li>
<li>Level 2c</li>
</ul>
</li>
<li>Level 1c</li>
</ul>
End of list
<hr/>
<ol>
<li>Li 1</li>
<li>
Li 2
<ol>
<li>Li 2 - 1</li>
<li>Text that is <b>bold</b> and <i>italic</i> also.</li>
<li>Li 2 - 3</li>
</ol>
</li>
<li>Li 3</li>
</ol>
<hr/>
Some HTML entities: € × ÷ ½ « » ©
<p>A paragraph</p>
<p>Another paragraph with <mark style="background: #fb1">highlight words</mark> and <del>deleted words</del>.</p>
<hr style="color: #ff00ff" />
<br />
A span with a color: <span style="color: #4488CC">this is <span style="color: #f00; font-family: 'Courier'; font-size: 20px">courier red 20</span>, this is <span style="color: #008800; font-style: italic; font-weight: bold;">green bold italic</span>, this is <span style="letter-spacing: 2.8">character spacing 2.8</span>, this is <a href="http://www.google.com">a Google link</a></span>
<br />
Line1<br />Line2<br />Line3
<br />
Word1
Word2
Word3
<br />
<br />
Line4
<h3>More text</h3>
<div style="color: #864200; font-size: 14px; line-height: 12px; text-align: justify">line-height test... Lorem ipsum dolor sit amet,
consectetur <small>adipisicing</small> elit, sed do eiusmod <em>tempor</em> incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud <ins>exercitation ullamco</ins> laboris nisi ut aliquip ex ea <s>commodo</s> consequat.
Duis aute irure <strong>dolor</strong> in reprehenderit in voluptate velit.</div>
<hr />
<br />
This is an inline <code>code</code> element.
<pre> this is pre element </pre>
last line.
<div style="text-align: center">
An image:<br/>
<img src="./examples/image.jpg" style="width: 50%" />
</div>
<p>Some other paragraph</p>
<div style="color: red; position: absolute; top: 100px; left: 300px">
<em>Position: absolute</em>
</div>
<h2 style="break-before: auto">New page</h2>
<b>End of document</b>
</body>
</html>