iT's YoU (250 px posts).

<div style="padding: 0px;">
<table border="0" cellpadding="0" cellspacing="0" id="all">
<tbody>
<tr>
<td>
<div style="height: 96px; width: 70px; border: 1px solid #fff; padding: 0px; text-transform: uppercase; text-align: center; color: #000; letter-spacing: .5px; border-radius: 0px; margin-left: 4px;"><img src="IMG URL" style="border-radius: 50px; width: 70px; margin-top: 15px;" /></div>
</td>
<td>
<div style="height: 70px; width: 150px; border: 1px solid #eee; padding: 10px; font-size: 9px; text-align: center; overflow: auto; margin-left: 5px; line-height: 15px; margin-top: 10px;"><strong>name:</strong> character name. <strong>age:</strong> age. <strong>pronouns:</strong> they/them. <strong>nationality:</strong> nationality. <strong>current location:</strong> location. <strong>sexuality:</strong> sexuality. <strong>faceclaim:</strong> faceclaim.</div>
</td>
</tr>
</tbody>
</table>
<div style="width: 233px; padding: 10px; height: 28px; font-size: 8px; font-family: montserrat; background: #eee; color: #000; margin-top: 10px; margin-bottom: 5px; text-align: center; border-radius: 10px; margin-left: 4px;"><!--- if your quote is longer than two lines fix the height or it will look weird ---> <span style="text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 12px;">CHARACTER NAME</span><br /><span style="text-transform: uppercase;">XIX ● the halcyon ● usa</span></div>
<table border="0" cellpadding="0" cellspacing="0" id="all">
<tbody>
<tr>
<td>
<div style="height: 115px; width: 175px; border: 1px solid #eee; padding: 10px; font-size: 9px; text-align: center; overflow: auto; margin-left: 5px; line-height: 15px; margin-top: 0px;">bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio. bio.</div>
</td>
<td>
<div style="height: 125px; width: 30px; border: 1px solid #fff; padding: 10px; font-size: 9px; font-family: montserrat; text-transform: uppercase; text-align: center; letter-spacing: .5px; border-radius: 0px; margin-left: 3px; margin-top: 5px; overflow: auto;">
<div style="height: 13px; width: 25px; background: #eee; padding: 5px; margin-top: -8px;"><a href="/link." title="link title.">I.</a></div>
<div style="height: 13px; width: 25px; background: #eee; padding: 5px; margin-top: 4px;"><a href="/link." title="link title.">II.</a></div>
<div style="height: 13px; width: 25px; background: #eee; padding: 5px; margin-top: 4px;"><a href="/link." title="link title.">III.</a></div>
<div style="height: 13px; width: 25px; background: #eee; padding: 5px; margin-top: 4px;"><a href="/link." title="link title.">IV.</a></div>
<div style="height: 13px; width: 25px; background: #eee; padding: 5px; margin-top: 4px;"><a href="/link." title="link title.">IV.</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="width: 240px; height: 20px; padding: 10px; color: #000; text-align: right; margin-top: 17px;"><span style="border: 1px solid #eee; padding: 5px;"><a href="http://airplcns.tumblr.com/" title="credit.">airplcns</a></span></div>