Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #fff; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 3px 3px 5px #888888; -o-box-shadow:3px 3px 5px #888888;">
<div style="font-family: lily script one; font-size: 35px; color: #323369; margin-left: 163px; line-height: 70%;">Наши жители</div>
<div style="width: 220px; height: 8px; background: #733b94; border-left: 80px solid #418275; border-right: 150px solid #b865c7;"></div>

<table><tr>
<td><center><div style="width: 200px; height: 30px; background: #b865c7; font-family: lily script one; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">female</div>
<div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;">
<i>*Alice*</i><br>
<i>Charlotte</i><br>
<i>*Eva*</i><br>
<i>Elizabeth</i><br> 
<i>*Emmeline*</i><br>
<i>Jane</i><br>
<i>Georgina</i><br>
<i>*Helena*</i><br>
<i>*Roxana*</i><br>
<i>Rose</i><br>



</div>
</center></td>

<td><center><div style="width: 200px; height: 30px; background: #418275; font-family: lily script one; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">male</div>
<div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;">

<i>Adam</i><br>
<i>Alec</i><br>
<i>*Alex*</i><br>
<i>Alexandr</i><br>
<i>*Chronos*</i><br>
<i>Ethan</i><br>
<i>*Jean-Luc*</i><br>
<i>*Matthew*</i><br>
<i>Markus</i><br>
<i>Oliver</i><br>
<i>William</i><br>
</div>
</center></td>
</tr><tr>

<td><center><div style="width: 200px; height: 30px; background: #323369; font-family: lily script one; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">surname</div>
<div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;">

<i>Batlen</i><br>
<i>Berry</i><br>
<i>Campbell</i><br>
<i>*Esharp*</i><br>
<i>Holmes</i><br>
<i>*Lemos*</i><br>
<i>Lee</i><br>
<i>*Mathews*</i><br>
<i> Mason</i><br>
<i>Oswald</i><br>
<i>Peterson</i><br>
<i>Senclair</i><br>
<i>Storm</i><br>
<i>*Stevens*</i><br>
<i>*Schulz*</i><br>
<i>*Valdes*</i><br>
<i>Volturi</i><br>
<i>Wilson</i><br>
<i>*Wood*</i><br>
<i>*Woodward*</i><br>
</div>
</center></td>


</tr>
</table>

</div>
</center>
</center>

Не против повторения имени:

Код:
<i>Имя на англ</i><br>

Против повторения имени:

Код:
<i>*Имя*</i><br>

Не против повторения фамилии:

Код:
<i>фамилия на англ</i><br>

Против повторения фамилии:

Код:
<i>*фамилия на англ*</i><br>