персонаж
[html]
<table>
<col class="col1">
<col span="1" class="coln">
<tr>
<td bgcolor="#501e19" colspan="2"  align="center"><div id="ls">═══════════════ ☙ <a href='https://warpigs.rusff.me/viewtopic.php?id=143#p2202'>анкета</a> ● <a href='https://warpigs.rusff.me/viewtopic.php?id=143#p2203'>отношения</a> ❧ ═══════════════</div></td>
</tr>
<tr>
<td><div id=ava><img src='http://i4.imageban.ru/out/2017/04/10/48e438ad885c887a8d4bc027ae826695.jpg'></div></td>
<td valign="middle" style="padding-top: 20px !important;">
<hr class="one">
- короткий хвост<br>
- всегда сосредоточенное выражение морды<br>
- хорошо развитая мимика
<hr class="two">
</td>
</tr>
<tr>
<td colspan="2">
<table class="inner-table auto" border="0">
<tr>
<td class="left" width="40"><b>цвет глаз:</b></td>
<td class="right" width="120">жёлтый</td>
<td width="1"></td>
<td class="left" width="40"><b>+<br>качества:</b></td>
<td class="right" width="120">дипломатичность, терпеливость, внимательность, невозмутимость</td>
</tr>
<tr>
<td class="left"><b>окрас:</b></td>
<td class="right">тёмно-бурый</td>
<td width="1"></td>
<td class="left"><b>-<br>качества:</b></td>
<td class="right">беспристрастность, малоэмоциональность, ворчливость</td>
</tr>
<tr>
<td class="left"><b>шерсть:</b></td>
<td class="right">короткая, густая и мягкая</td>
<td width="1"></td>
<td class="left"><b>страх:</b></td>
<td class="right">сойти с ума</td>
</tr>
</table>
</td>
</tr>
</table>

<style>
#ls {
width:auto;
height:auto;
font-size: 14px;
color: #a68d4a;
}
#ls a {
font-size: 16px;
font-weight: bold;
text-shadow: none !important;
color: #d4bb66 !important;
}
#ls a:hover {
text-shadow: 0px 0px 10px #fffe9e !important;
font-style: italic;
}
#ava {
width:200px;
height:200px;
}
#ava img{
max-width:200px;
max-height:200px;
border-radius: 10px;
}
.inner-table.auto {border: none !important; border-spacing: 0px 5px; border-collapse: separate; margin-bottom: -10px; padding: 0 !important;}
table {width: 100%;border-collapse: collapse;table-layout: fixed;}
.col1 { width: 206px; padding:10px; text-align: center;}
.coln {width: auto;}
.inner-table .left {text-align: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;margin-bottom: 2px;background:#aaa885;}
.inner-table .right {text-align: left;border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #f6f4d3;}
.small {font-size: 10px;}
hr.one { padding: 0; border: none; border-top: medium double #000; color: #000; text-align: center; } hr.one:after { content: "особенности"; display: inline-block; position: relative; top: -12px; font-size: 13px; padding: 0 0.25em; background: #e6dfbe; font-weight: bold; } hr.two { padding: 0; border: none; border-top: medium double #000; color: #000; text-align: center; margin-top: 0.55em !important;}
</style>
[/html]