utgard | Bookish character relations.

Title

Subtitle, probably.

Dante | Devil May Cry
My friend saw Dante with his shirt off and he said that Dante had an eight pack. That Dante was shredded.

Obi-Wan Kenobi | Star Trek
My friend saw Obi-Wan with his shirt off and he said that Obi-Wan had an eight pack. That Obi-Wan was shredded.

Allison Argent | Teen Woof
My friend saw Allison with her shirt off and he said that Allison had an eight pack. That Allison was shredded. Favorite super hero Allison Argent. Let's see how low this paragraph goes and what it looks like.

Finn | Star Wars
This is Finn and sometimes Finn is the best. Or Finn is always the best. Blah blah blah blah blah blah.

Amadeus Cho | Marvel Comics
Sorry Amadeus, you should go to the gym. Here are different kinds of breakfast food: bacon, eggs, pancakes, jelly, jam, waffles, bacon butties, let's all go to the Denny's.

i've split this into a few groups, the title, the subtitle and the body, along with the few goodies (like font decoration, etc.) that can be used with it. editing it should be fairly simple, <p> is used instead of a cell/div/table. just add/subtract as the cr chart builds.

there is a 30px padding-bottom on the main div set, if you are using a single double column, then you can just delete the extra space. it's meant to separate the title/subtitle and the next set.

code for the whole thing:
<lj-raw> <center> <div style="text-align: center; width: 300px; font-family: Georgia, Times, Times New Roman, serif; font-size: 15px; font-weight: bold; letter-spacing: 2px; border-bottom: 1px black solid; padding-bottom: 8px; text-transform: uppercase;">Title</div> <div style="text-align: center; width: 300px; font-family: Georgia, Times, Times New Roman, serif; font-size: 13px; letter-spacing: 1px; font-style: italic; padding-top: 15px;">Subtitle, probably.</div> <div style="width: 555px; font-family: Georgia, Times, Times New Roman, serif; font-size: 12px; padding-top: 40px; padding-bottom: 30px; line-height: 15px; margin: auto; clear: both; overflow: hidden;"> <div style="width: 270px; float: left;"> <p style="text-align: justify;"><img src="***IMAGE URL***" width="50" style="padding: 5px 5px 5px 0; float: left; clear: both; overflow: hidden;"><a href="***URL HERE***" style="color: #df5a2c; font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Georgia, Times, Times New Roman, serif; text-decoration: none;">Name</a> | <em>Canon</em><br> <span style="font-size: 10px; text-transform: uppercase; font-weight: bold;">Intro</span> Descrip.</p> </div> <div style="width: 270px; float: right;"> <p style="text-align: justify;"><img src="***IMAGE URL***" width="50" style="padding: 5px 5px 5px 0; float: left; clear: both; overflow: hidden;"><a href="***URL HERE***" style="color: #df5a2c; font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Georgia, Times, Times New Roman, serif; text-decoration: none;">Name</a> | <em>Canon</em><br> <span style="font-size: 10px; text-transform: uppercase; font-weight: bold;">Intro</span> Descrip.</p> </div> </div> </center> </lj-raw>

code for the title & subtitle:
<center> <div style="text-align: center; width: 300px; font-family: Georgia, Times, Times New Roman, serif; font-size: 15px; font-weight: bold; letter-spacing: 2px; border-bottom: 1px black solid; padding-bottom: 8px; text-transform: uppercase;">Title</div> <div style="text-align: center; width: 300px; font-family: Georgia, Times, Times New Roman, serif; font-size: 13px; letter-spacing: 1px; font-style: italic; padding-top: 15px;">Subtitle, probably.</div></center>

code for the body:
<div style="width: 555px; font-family: Georgia, Times, Times New Roman, serif; font-size: 12px; padding-top: 40px; padding-bottom: 30px; line-height: 15px; margin: auto; clear: both; overflow: hidden;"> <div style="width: 270px; float: left;"> <p style="text-align: justify;"><img src="***IMAGE URL***" width="50" style="padding: 5px 5px 5px 0; float: left; clear: both; overflow: hidden;"><a href="***URL HERE***" style="color: #df5a2c; font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Georgia, Times, Times New Roman, serif; text-decoration: none;">Name</a> | <em>Canon</em><br> <span style="font-size: 10px; text-transform: uppercase; font-weight: bold;">Intro</span> Descrip.</p> </div> <div style="width: 270px; float: right;"> <p style="text-align: justify;"><img src="***IMAGE URL***" width="50" style="padding: 5px 5px 5px 0; float: left; clear: both; overflow: hidden;"><a href="***URL HERE***" style="color: #df5a2c; font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Georgia, Times, Times New Roman, serif; text-decoration: none;">Name</a> | <em>Canon</em><br> <span style="font-size: 10px; text-transform: uppercase; font-weight: bold;">Intro</span> Descrip.</p> </div> </div> </center>

code for links:
<a href="***URL HERE***" style="color: #df5a2c; font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Georgia, Times, Times New Roman, serif; text-decoration: none;">I AM AN AWESOME LINK</a>

please credit utgard if used. thanks xoxox!!