1<div class="line">
2  <div class="title">Sample text</div>
3</div>
4<div class="line">
5  <div class="text">This sample text was taken from the Punjabi Wikipedia article on Lahore and transliterated into the Latin script.</div>
6</div>
7<div class="line">
8  <div class="title">Gurmukhi:</div>
9</div>
10<div class="line">
11  <div class="data" data-tag="gurmukhi">������������ ��������������������������� ��������������� ������ ��������������������� ������ ��� ��������� ��������������� ������ ��������� ��������������� ��������� ������������ ������������ ������������ ������ ��������� ������������ ��������������� ������ ��� ������������ ������������������������ ������ ���������������, ��������������� ������ ������������������ ������ ������������ ������ ��������� ������ ������ ��������������� ������������������������ ������ ��������� ������ ������������ ��������������� ������ ��� ������������ ������������-���-������������ ������ ������������ ������ ������������ ������ ������ ������������ ��������� ��������������� ��������� ������������ ������ ������������ ������ ���</div>
12</div>
13<div class="line">
14  <div class="title">Shahmukhi:</div>
15</div>
16<div class="line">
17  <div class="data" data-tag="shahmukhi">�������� ���������������� ���������� ���� �������������������� ������ ������ �������� ���� ������ ���������� ������ ������ �������� �������� ������ ������ ������ ������ ������ �������� �������������� ���� ������������ ���������� ���� ������������ ���� ������ ���� ���� ���� ������ ������������ �������������� ���� ���� ���� �������� ���������� ������ �������� ���������� �������� ���� ���������� ���� �������� ���� �������� ������ �������� ���� �������� ���� �������� ���� ��</div>
18</div>
19<div class="line">
20  <div class="title">Transliteration</div>
21  <div class="text">:</div>
22</div>
23<div class="line">
24  <div class="data" data-tag="tranliteration">lahor p��kist��n panj��b d�� d��rul hak��mat ��. l��k gi���t�� d�� n����� kar��c�� t����� b��ad lahor d��j�� sab t����� va�������� shahr ��. lahor p��kist��n d�� si��s��, rahtal�� t�� pa��������� d�� g������� �� t�� is la�� ihn����� p��kist��n d�� dil v�� keh�� j��nd�� ��. lahor dari���� r��v�� d�� kan����� t�� vasd�� ��. isd�� l��k gi���t�� ikk kar����� d�� n������� ��.</div>
25</div>
26<div class="line">
27  <div class="text">Wide char: </div>
28  <div class="data" data-tag="wc">��� - 0xdf4 - 1</div>
29</div>
30<div class="line">
31  <div class="text">Wide char: </div>
32  <div class="data" data-tag="wc">��� - 0xdab - 1</div>
33</div>
34<div class="line">
35  <div class="text">Wide char: </div>
36  <div class="data" data-tag="wc">��� - 0xdca - 0</div>
37</div>
38<div class="line">
39  <div class="text">Wide char: </div>
40  <div class="data" data-tag="wc">��� - 0xdab - 1</div>
41</div>
42<div class="line">
43  <div class="text">Wide char: </div>
44  <div class="data" data-tag="wc">��� - 0x17d2 - 0</div>
45</div>
46<div class="line">
47  <div class="text">Wide char: </div>
48  <div class="data" data-tag="wc">��� - 0xdf4 - 1</div>
49</div>
50<div class="line">
51  <div class="text">Wide char: </div>
52  <div class="data" data-tag="wc">1 - 0x31 - 1</div>
53</div>
54<div class="line">
55  <div class="text">Wide char: </div>
56  <div class="data" data-tag="wc">�� - 0x34f - 0</div>
57</div>
58<div class="line">
59  <div class="text">Wide char: </div>
60  <div class="data" data-tag="wc">2 - 0x32 - 1</div>
61</div>
62<div class="line">
63  <div class="text">Wide char: </div>
64  <div class="data" data-tag="wc">��� - 0x20dd - 0</div>
65</div>
66<div class="line">
67  <div class="text">Cool: [</div>
68  <div class="data" data-tag="fancy">1��2���</div>
69  <div class="text">]</div>
70</div>
71<div class="line">
72  <div class="text">���������� ������������ ���������������������� ������ </div>
73  <div class="data" data-tag="v1">���������������������</div>
74  <div class="text">, </div>
75  <div class="data" data-tag="v2">��� ������������� ��������������������</div>
76</div>
77<div class="line">
78  <div class="text">������������������ </div>
79  <div class="data" data-tag="v1">������������������ ��������������������� ���������������������������������</div>
80  <div class="text"> </div>
81  <div class="data" data-tag="v2">Unicode-������ ��������������� ������������������������������������</div>
82</div>
83<div class="line">
84  <div class="title">Width</div>
85  <div class="decoration">:</div>
86  <div class="padding"> </div>
87  <div class="data" data-tag="width">63</div>
88</div>
89<div class="line">
90  <div class="text">[</div>
91  <div class="data" data-tag="sinhala">���������������</div>
92  <div class="text">]</div>
93</div>
94<div class="line">
95  <div class="title">Width</div>
96  <div class="decoration">:</div>
97  <div class="padding"> </div>
98  <div class="data" data-tag="width">6</div>
99</div>
100<div class="line">
101  <div class="text">[</div>
102  <div class="data" data-tag="sinhala">���</div>
103  <div class="text">]</div>
104</div>
105<div class="line">
106  <div class="title">Width</div>
107  <div class="decoration">:</div>
108  <div class="padding"> </div>
109  <div class="data" data-tag="width">3</div>
110</div>
111<div class="line">
112  <div class="text">[</div>
113  <div class="data" data-tag="sinhala">���������������</div>
114  <div class="text">]</div>
115</div>
116<div class="line">
117  <div class="title">Width</div>
118  <div class="decoration">:</div>
119  <div class="padding"> </div>
120  <div class="data" data-tag="width">6</div>
121</div>
122<div class="line">
123  <div class="text">[</div>
124  <div class="data" data-tag="not-sinhala">1234</div>
125  <div class="text">]</div>
126</div>
127<div class="line">
128  <div class="text">[</div>
129  <div class="data" data-tag="tag">������������</div>
130  <div class="text">]</div>
131</div>
132<div class="line">
133  <div class="title">Width</div>
134  <div class="decoration">:</div>
135  <div class="padding"> </div>
136  <div class="data" data-tag="width">4</div>
137</div>
138<div class="line">
139  <div class="title">First Name               </div>
140  <div class="title">Last Name     </div>
141  <div class="title">Department  </div>
142  <div class="title">Time (%)</div>
143</div>
144<div class="line">
145  <div class="data" data-tag="first-name">Jim</div>
146  <div class="text"> (</div>
147  <div class="data" data-tag="nic-name">"������������"</div>
148  <div class="text">)</div>
149  <div class="padding">             </div>
150  <div class="data" data-tag="last-name">������������������ ������     </div>
151  <div class="data" data-tag="department">     431</div>
152  <div class="data" data-tag="percent-time">      90</div>
153</div>
154<div class="line">
155  <div class="data" data-tag="first-name">Terry</div>
156  <div class="text"> (</div>
157  <div class="data" data-tag="nic-name">"&lt;one"</div>
158  <div class="text">)</div>
159  <div class="padding">           </div>
160  <div class="data" data-tag="last-name">���������� ������������ ������</div>
161  <div class="data" data-tag="department">     660</div>
162  <div class="data" data-tag="percent-time">      90</div>
163</div>
164<div class="line">
165  <div class="data" data-tag="first-name">Leslie</div>
166  <div class="text"> (</div>
167  <div class="data" data-tag="nic-name">"Les"</div>
168  <div class="text">)</div>
169  <div class="padding">           </div>
170  <div class="data" data-tag="last-name">Patterson     </div>
171  <div class="data" data-tag="department">     341</div>
172  <div class="data" data-tag="percent-time">      60</div>
173</div>
174<div class="line">
175  <div class="data" data-tag="first-name">Ashley</div>
176  <div class="text"> (</div>
177  <div class="data" data-tag="nic-name">"Ash"</div>
178  <div class="text">)</div>
179  <div class="padding">           </div>
180  <div class="data" data-tag="last-name">Meter &amp; Smith </div>
181  <div class="data" data-tag="department">    1440</div>
182  <div class="data" data-tag="percent-time">      40</div>
183</div>
184<div class="line">
185  <div class="data" data-tag="first-name">0123456789</div>
186  <div class="text"> (</div>
187  <div class="data" data-tag="nic-name">"0123456789"</div>
188  <div class="text">)</div>
189  <div class="data" data-tag="last-name">01234567890123</div>
190  <div class="data" data-tag="department">    1440</div>
191  <div class="data" data-tag="percent-time">      40</div>
192</div>
193<div class="line">
194  <div class="data" data-tag="first-name">������������</div>
195  <div class="text"> (</div>
196  <div class="data" data-tag="nic-name">"������������������"</div>
197  <div class="text">)</div>
198  <div class="padding">          </div>
199  <div class="data" data-tag="last-name">������������������������������������  </div>
200  <div class="data" data-tag="department">     123</div>
201  <div class="data" data-tag="percent-time">      90</div>
202</div>
203<div class="line">
204  <div class="data" data-tag="first-name">������������������������������</div>
205  <div class="text"> (</div>
206  <div class="data" data-tag="nic-name">"Mick"</div>
207  <div class="text">)</div>
208  <div class="padding">        </div>
209  <div class="data" data-tag="last-name">���������������������������������������������������</div>
210  <div class="data" data-tag="department">     110</div>
211  <div class="data" data-tag="percent-time">      20</div>
212</div>
213