<h3>DEMO</h3>
<table style="border-collapse: collapse; width: 100%; height: 152px;" border="1">
<tbody>
<tr style="height: 21px;">
<td style="width: 50%; height: 21px;">Deutsch &mdash; &auml; &ouml; &uuml; &Auml; &Ouml; &Uuml; &szlig;</td>
<td style="width: 50%; height: 21px;">D&auml;nisch &mdash; &aelig; &aring; &oslash; &AElig; &Aring; &Oslash;</td>
</tr>
<tr style="height: 22px;">
<td style="width: 50%; height: 22px;">a-Reihe &mdash; &auml; &agrave; &aacute; &acirc; &aelig; &atilde; ā</td>
<td style="width: 50%; height: 22px;">&Auml; &Agrave; &Aacute; &Acirc; &AElig; &Atilde; &Aring; Ā</td>
</tr>
<tr style="height: 22px;">
<td style="width: 50%; height: 22px;">e-Reihe &mdash; &eacute; &egrave; &ecirc; &euml; ė</td>
<td style="width: 50%; height: 22px;">&Eacute; &Egrave; &Ecirc; &Euml; Ė</td>
</tr>
<tr style="height: 22px;">
<td style="width: 50%; height: 22px;">i-Reihe &mdash; &icirc; &iuml; &iacute; ī &igrave;</td>
<td style="width: 50%; height: 22px;">&Icirc; &Iuml; &Iacute; Ī &Igrave;</td>
</tr>
<tr style="height: 22px;">
<td style="width: 50%; height: 22px;">o-Reihe &mdash; &ouml; &ocirc; &ograve; &oacute; &otilde; ō</td>
<td style="width: 50%; height: 22px;">&Ouml; &Ocirc; &Ograve; &Oacute; &Otilde; &OElig; &Oslash; Ō</td>
</tr>
<tr style="height: 22px;">
<td style="width: 50%; height: 22px;">u-Reihe &mdash; &uuml; &ucirc; &ugrave; &uacute; ū</td>
<td style="width: 50%; height: 22px;">&Uuml; &Ucirc; &Ugrave; &Uacute; Ū</td>
</tr>
<tr style="height: 22px;">
<td style="width: 50%; height: 21px;">Sonstige &mdash; &ccedil; ć č ś &scaron; &yuml;</td>
<td style="width: 50%; height: 21px;">&Ccedil; Ć Č Ś &Scaron; &Yuml;</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>