relationships

© cymbleine

<div style="margin: 0 auto; width: 930px; font-family: verdana; font-size: 50px; text-transfor: uppercase; font-style:italic; letter-spacing: 5px; color: #999; text-align:right;margin-bottom:-50px;">relationships</div> <div style="width: 930px;display: flex; flex-wrap: wrap;margin: 0 auto;background:#ccc;"> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> <div style="width:200px;padding: 10px;background:#fff; display: flex; flex-wrap: wrap; margin: 5px;justify-content: center;"><img src=ICON> <div style="width:200px;text-align: center; padding: 2px; margin-top: -30px; position: relative;font-family:verdana;background:#89cff0;line-height:8px;padding:10px;">Relationship Type<br> Character Name</div> <div style="width:190px;height:30px;overflow:auto;padding:5px;">information about their relationship can go here. It's fancy and it scrolls</div> </div> </div> <div style="text-align: center; width: 600px; margin: 0 auto;">© <user site="insanejournal.com" user="cymbleine">

Replacements

Font
verdana

Widths
full container - 930px
scrolling info box - 190px,
each character box - 200px;
relationship type & character name - 200px;

Heights
line height - 8px (relationship/character box)
scrolling box - 30px;

Colours
Container - #ccc
Relationship/Character Name - #89cff0

Misc.
Padding - 10px or 5px;
image - Icon