profile layout androgyne

<div style="width:300px;height:320px;margin:auto;">
<div style="width:300px;height:300px;float:left;font-size:10px;">
<div style="width:200px;height:300px;float:left;background-color:#181822;color:#E8E8E8;font-family:Arial;">
<div style="width:75px;height:300px;float:right;overflow:hidden;"><img alt="" src="http://i63.tinypic.com/33fb488.jpg" style="width:75px;height:300px;" /></div>

<div style="width:200px;height:300px;float:left;margin-top:-300px;">
<div style="width:200px;height:30px;float:left;text-align:right;line-height:30px;font-size:24px;font-family:'Arial Black';">ANDRO</div>

<div style="margin-top:20px;margin-bottom:20px;margin-left:10px;width:105px;height:190px;float:left;overflow:hidden;">
<div style="width:135px;height:190px;float:left;overflow:auto;">
<div style="width:105px;float:left;text-align:justify;line-height:13px;">
<div style="margin-top:5px;margin-bottom:5px;width:105px;height:12px;border-bottom:1px solid #E8E8E8;font-family:'Arial Black';font-size:11px;line-height:11px;">section</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed consequat leo, eu tristique velit. Donec ante nibh, egestas in tincidunt eu, sollicitudin quis mi.

<div style="margin-top:5px;margin-bottom:5px;width:105px;height:12px;border-bottom:1px solid #E8E8E8;font-family:'Arial Black';font-size:11px;line-height:11px;">section</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed consequat leo, eu tristique velit. Donec ante nibh, egestas in tincidunt eu, sollicitudin quis mi.

<div style="margin-top:5px;margin-bottom:5px;width:105px;height:12px;border-bottom:1px solid #E8E8E8;font-family:'Arial Black';font-size:11px;line-height:11px;">section</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed consequat leo, eu tristique velit. Donec ante nibh, egestas in tincidunt eu, sollicitudin quis mi.</div>
</div>
</div>

<div style="width:200px;height:30px;float:left;text-align:right;line-height:30px;font-size:20px;font-family:'Arial Black';">Sungjong</div>
</div>
</div>

<div style="width:100px;height:300px;float:left;background-color:#F4E8E8;color:#181818;font-family:Garamond;">
<div style="width:100px;height:30px;margin-top:10px;float:right;line-height:30px;font-size:24px;"><em>GYNE</em></div>

<div style="margin-top:34px;margin-bottom:33px;margin-right:10px;width:80px;height:163px;float:right;font-size:14px;text-align:center;">
<div style="border-top:1px solid #181822;height:27px;line-height:26px;">trivia</div>

<div style="border-top:1px solid #181822;height:27px;line-height:26px;">trivia</div>

<div style="border-top:1px solid #181822;height:27px;line-height:26px;">trivia</div>

<div style="border-top:1px solid #181822;height:27px;line-height:26px;">trivia</div>

<div style="border-top:1px solid #181822;height:27px;line-height:26px;">trivia</div>

<div style="border-top:1px solid #181822;border-bottom:1px solid #181822;height:28px;line-height:26px;">trivia</div>
</div>

<div style="width:100px;height:30px;float:right;line-height:30px;font-size:24px;"><em>Lee</em></div>
</div>
</div>

<p style="text-align:center;font-size:10px;font-family:Arial;margin-top:0px;margin-bottom:0px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/18296/"><span style="color:#181822;">tinkering by Midorin</span></a></p>
</div>