Add new row

<div style="background: #ffffff; height: 100px; width: 640px; margin: 10px 0px; padding: 20px; border: 1px solid HEXCODE; border-radius: 100px; display: block;">

<img src="ICON URL 1" style="width: 100px; border-radius: 50%; float: left;">

<div style="width: 400px; max-height: 100px; margin: 0px 20px; font: 11px arial, sans-serif; text-align: justify; float: left; overflow-y: auto;"><span style="font-size: 16px; font-weight: bold; color: HEXCODE;">Character Name</span> <span style="font-size: 12px; font-style: italic; color: #888888;">Canon</span>
<br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue arcu sem, at gravida est feugiat vel. Nullam quis nulla ut libero congue euismod. Mauris sodales sapien sit amet volutpat molestie. Suspendisse at diam non lectus tincidunt vestibulum ut in mi. Sed eu molestie arcu, ac fringilla turpis. Nullam ac arcu bibendum, tincidunt risus sit amet, porttitor purus. Suspendisse potenti.</div>

<div style="background: url(http://www.dreamwidth.org/userpic/8360187/2302814); height: 100px; width: 100px; border-radius: 50%; position: relative; z-index: 1; float: left;"><img src="SPEECH BUBBLE" style="position: relative; top: 60px; right: 30px; z-index: 2;"></div>
</div>
</small>

(2 comments)

Add new row

Post a comment in response: