Код:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'><style type="text/css">

.robb2 {text-align: justify; padding-right: 2px; overflow: auto; color: #000; }
.robb2 p:first-letter { float: left; font-size: 50px; line-height: 100%;  text-transform: uppercase; margin: 0px 5px 0px 0px; color: #292929;  }
#faces {
}

#females .claims {
	padding: 10px;
	text-align: justify;
	line-height: 100%;
background-color: #ffe2c0;
	text-align: center;
	font-weight: bold;
}

#females .claims a {
	font-size: 7px;
	letter-spacing: 1px;
	text-transform: uppercase;
background-color: #ffe2c0;
}

#males .claims a {
	font-size: 7px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #ffe2c0;
}

#males .claims {
	padding: 10px;
	text-align: justify;
	line-height: 100%;
	text-align: center;
	font-weight: bold; background-color: #ffe2c0;
}

#females h1 {
	font-size: 30px;
	font-family: 'Lobster';
	text-align: center;
	text-transform: lowercase;
	padding: 5px;
	margin: 5px;
color: #EEAD0E;
}

#males h1 {
	font-size: 30px;
	font-family: 'Lobster';
	text-align: center;
	text-transform: lowercase;
	color: #66CD00;
	padding: 5px;
	margin: 5px;
}


.slublink { margin-top: -10px; padding:5px 0px 6px 0px;  font-size:8px; margin-bottom:1px; line-height: 100%; background-color: #66CD00; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; }
.slublink a { color: #fff; text-decoration: none; }
.slublink2 { padding:5px 0px 6px 0px;  font-size:8px; margin-bottom:1px; line-height: 100%; background-color: #66CD00 ; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; }
.slublink2 a { color: #fff; text-decoration: none; }
.robb {   padding: 0px 3px 5px 5px; background-color: #fff; margin-top:0px; margin-right:6px; }</style>

<center><div class="max"><div class="max1"><table width="100%"><tr><td><div class="mopie2"><p style="text-align: center;"><div class="slublink"><span style="font-family: 'Lobster'; text-transform: capitalize; font-size: 24px; ">Права выданы на имя...</span></p></div><hr><div class="robb2"><p>Итак, красавчик, пришло время представиться. уважаемые шехерезады петровны и акакии алексевны, тезки и однофамильцы у нас не запрещены в том случае, если первый владелец имени или фамилии не против. не забывайте про обозначения. <br><br>
<div class="slublink">Х - ОБОЗНАЧАЕМ ТАК НЕЖЕЛАНИЕ ИМЕТЬ ТЕЗКУ ИЛИ ОДНОФАМИЛЬЦА</div>
</td></tr></table>





<table cellspacing="0" cellpadding="0" cellmargin="0">

<tr valign="top">
<td width="50%">
<div id="females"><h1>ladies</h2></div><td width="5">&nbsp;</td>
<td width="50%">
<div id="males"><h1>gentlemen</h2></div></td></tr><tr valign="top"><td width="50%">
<div id="females">
<div class="claims" style="height: 300px; overflow: auto;">
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">A•B•C</div>
<div style="font-size: 7px;
	letter-spacing: 1px;
	text-transform: uppercase;">
Alessandra Х<br> 
alex X<br>
alice X<br>
alison X<br>
ALYSON X<br>
ALVITA Х<br>
Anabelle X<br>
Anastacia X<br>
april<br>
ASHLEY X<br>
bambi x<br>
Cassandra<br>
Charlie X<br>
Cherry X<br>
CHRISTINE X<br>
CLARE Х<br>
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">D•E•F</div>
DAISY X<br>
Diana <br>
ELSA X<br>
ERICA<br>
Emilain Х<br>
Eva<br>
EVELYN X<br>
frederica x<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">G•H•I</div>
GIA<br>
Iris X<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">J•K•L</div>
jack<br>
Jessica<br>
Katrina Х<br>
Lana X<br>
Liam x<br>
loraine x<br>
LUCILLE X<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">M•N•O</div>
Madison<br>
mary<br>
MELROSE Х<br>
Michelle<br>
Monica X<br>
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">P•Q•R</div>
PENNY X<br>
PERRY X<br>
RILEY X<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">S•T</div>
shelley x<br>
Silver Х<br>
SKY X<br>
Skyler Х<br>
sophia<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">U•V•W•X•Y•Z</div>
Victoria X<br>
Vivian X<br>


</div></div></td>
<td width="5">&nbsp;</td>
<td width="50%"><div id="males">
<div class="claims" style="height: 300px; overflow: auto;">

<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">A•B•C</div>
<div style="font-size: 7px;
	letter-spacing: 1px;
	text-transform: uppercase;">
CAIN X<br>
christian x<br>
Christopher «Chris» х<br>
Carmin<br>


<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">D•E•F</div>
DYLAN X<br>
ERIC x<br>
Ethan х<br>
Frederick X<br>
<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">G•H•I</div>

Hunter X<br>
<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">J•K•L</div>
John х<br>
KENNY X<br>
Lucius<br>

<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">M•N•O</div>
MICHAEL <br>

<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">P•Q•R</div>
Paul x <br>
Philippe X<br>
REDMOND<br>
Richard<br>


<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">S•T</div>
SEBASTIAN<br>
Stefan х<br>
Stefano<br>
tyler X<br>

<div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">U•V•W•X•Y•Z</div>
William<br>


</div>
</div></td>
</tr></table>





<table cellspacing="0" cellpadding="0" cellmargin="0">

<tr valign="top">
<td width="300px">
<div id="females"><h1>last name</h2></div><td width="5">&nbsp;</td></tr><tr valign="top"><td width="300px">
<div id="females">
<div class="claims" style="height: 300px; overflow: auto;">
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">A•B•C</div>
<div style="font-size: 7px;
	letter-spacing: 1px;
	text-transform: uppercase;">
ABAGNALE X<br>
Adderley <br>
ainsworth x<br>
AINTSHAUFSHREHHENBAH X<br>
Barrett X<br>
BATES X<br>
BAUER X<br>
Bayrd х<br>
Bell<br>
BERNE Х<br>
Bishop X<br>
BOND X<br>
Bout <br>
BROOKS <br>
Clark х<br>
cross x<br>
Castilla<br>
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">D•E•F</div>
DANIELS<br>
DAWLISH X<br>
dawson x <br>
Esteban Х<br> 
FITZGERALD X<br>
FLETCHER<br>
Ford<br>


<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">G•H•I</div>
GREY X<br>
Greyjoy X<br>
Gardien<br>
Harrison X<br>
Hogan Х<br>
Henderson х<br>
Lancaster<br>
Lehmann<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">J•K•L</div>
jack <br>
John<br>
Joubert<br>
JORDAN<br>
Lehmann<br>
Lombardi<br>
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">M•N•O</div>
Martin<br>
McGrain X<br>
NASH X <br>
Ocean<br>
O'Keane<br>
Osborne X<br>
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">P•Q•R</div>
PRESTON<br>
Price X<br>
Pullman X<br>
Read Х<br>
Reyes Х<br>
Rouds X<br>

<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">S•T</div>
SANDERS Х<br>
Shepherd X<br>
Stevens<br>
SUGG x<br>
Thorne X<br>
<div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; ">U•V•W•X•Y•Z</div>
VINE X<br>
WainwrightХ<br>
waters<br>
west<br>
wilson X<br>
Wood<br>
WRIGHT X<br>
Zambrano<br>
</div></div></td>

</tr></table>


</div></div>

Код:
ваше имя<br>
ваша фамилия<br>