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">"<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 & 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