Here's a "My Life with Master" Character Sheet <table> <tr> <td style="width: 60%"> <h1>My Life with Master</h1> <!-- FEAR and REASON --> <h3>FEAR: <input type="number" name="attr_Fear" /> <br> REASON: <input type="number" name="attr_Reason" /></h3> <hr> <!-- Self-Loathing and Weariness --> <h2>MINION:      <input type="text" name="attr_Minion" width="60%" /></h2> <p>Distribute 3 points between <i>Self-Loathing</i> and <i>Weariness</i></p> <h4>   Self-Loathing:        <input type="number" name="attr_SelfLoathing" /></h4> <h4>   Weariness:             <input type="number" name="attr_Weariness" /></h4> <!--More than Human, Less than Human --> <h4>   More than Human: <input type="text" name="attr_MoreThan" width="60%" /> <br>            except when <input type="text" name="attr_MoreThanExcept" width="60%" /></h4> <h4>   Less than Human: <input type="text" name="attr_LessThan" width="60%" /> <br>            except when <input type="text" name="attr_LessThanExcept" width="60%" /></h4> <hr> <br> <!--Connections and Love--> <h3>CONNECTIONS AND LOVE</h3> <h4>   Connection: <input type="text" name="attr_Connection1" /> Love: <input type="number" name="attr_Love1" /></h4> <h4>   Connection: <input type="text" name="attr_Connection2" /> Love: <input type="number" name="attr_Love2" /></h4> <h4>   Connection: <input type="text" name="attr_Connection3" /> Love: <input type="number" name="attr_Love3" /></h4> <h4>   Connection: <input type="text" name="attr_Connection4" /> Love: <input type="number" name="attr_Love4" /></h4> <hr> <h3>Notes:</h3> <p><textarea name="attr_Notes"></textarea></p> </td> <td style="width: 3%"></td> <td style="width: 37%"> <!-- Formulae --> <h3>FORMULAE:</h3> <h4>When the Master issues a Command</h4> <h5 align="center">Master (FEAR plus SELF-LOATHING)<br> vs.<br>minion (LOVE minus WEARINESS)</h5><br> <h4>Making Overtures to Connections</h4> <h5 align="center">minion (REASON minus SELF-LOATHING)<br>vs.<br>connection (FEAR minus REASON)</h5><br> <h4>Violence against NPC opponents</h4> <h5 align="center">minion (FEAR plus SELF-LOATHING)<br>vs.<br>opponent (REASON plus WEARINESS)</h5><br> <h4>Villainy against NPC opponents</h4> <h5 align="center">minion (FEAR plus SELF-LOATHING)<br>vs.<br>opponent (REASON)</h5><br> <h4>Violence or Villainy against a PC minion</h4> <h5 align="center">minion (FEAR plus SELF-LOATHING)<br>vs.<br>minion opponent (FEAR plus SELFLOATHING)</h5><br> <h4>Providing aid</h4> <h5 align="center">contribute LOVE minus WEARINESS in dice</h5><br> <h4>Being captured</h4> <h5 align="center">WEARINESS > REASON</h5><br> <h4>The Horror Revealed</h4> <h5 align="center">SELF-LOATHING > LOVE plus REASON</h5><br> <h4>Triggering Endgame</h4> <h5 align="center">the minion resists a command, and LOVE > FEAR plus WEARINESS</h5><br> <h4>Testing for the death of the Master during Endgame</h4> <h5 align="center">minion (LOVE minus WEARINESS)<br>vs.<br>Master (FEAR plus SELF-LOATHING)</h5><br> </td> </tr> </table> Here's the CSS Styling Page: body { background-color: powderblue; } h1 { color: blue; } h2 { color: blue; } h3 { color: green; } h4 { color: black; } h5 { color: purple; } p { color: red; } div.ex1 { max-width: 500px; margin: auto; } table { width: 100%; } th { height: 50px; } textarea { width: 80%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f8f8f8; font-size: 16px; resize: none; } input[type=text] { width: 60%; margin: 8px 0; outline: none; }