<html> <head> <meta charset="utf-8" /> <title>SHERPA Character Sheet</title> <meta name="description" content="Character sheet for SHERPA" /> <style> @page { size: 3.3in 2in; margin: 6pt; } html { background-color: lightgray; } body { margin: 0px; } td { border: 1px dotted black; } .label { /* These will be automatically narrowed, but creating the class now will come in handy later when we're applying styling. */ } .numeric { width: 1.5em; } .freeform { width: 100%; } </style> </head> <table> <tr> <td class="label">Name</td> <td class="freeform" colspan="4"></td> </tr> <tr> <td class="label">Prof</td> <td class="freeform"></td> <td class="numeric"></td> <td class="label">Exp</td> <td class="numeric"></td> </tr> <tr> <td class="label">Rsn</td> <td></td> <td class="numeric"></td> <td class="label">Agi</td> <td></td> </tr> <tr> <td class="label">Str</td> <td></td> <td class="numeric"></td> <td class="label">Hlth</td> <td></td> </tr> </table> <table> <tr> <td class="label">Gift</td> <td class="freeform"></td> </tr> <tr> <td class="label">Fault</td> <td class="freeform"></td> </tr> </table> </html>