<style>
th {
    background-color: black;
    color: white;
}
div {
    position:relative;
    width:100%;
    height: auto;
}
</style>

<div>

<table cellspacing="0" cellpadding="2" style="position:absolute; width:32%; border:1px solid black;">
  <tr>
    <th style="text-align:left">Crack the World</th>
    <th style="text-align:right">Daily</th>
  </tr>
  <tr>
    <td colspan="2"><i>The ground shudders and pulls apart to form a deep chasm into which your enemies fall.</i></td>
  </tr>
  <tr>
    <td colspan="2">Eve</td>
  </tr>
  <tr>
    <td colspan="2">John</td>
  </tr>
</table>


<table style="position:relative; width:32%; margin-left:33%; border:1px solid black;">
  <tr>
    <th style="text-align:left">Devastating Whirlwind</th>
    <th style="text-align:right">Daily</th>
  </tr>
  <tr>
    <td colspan="2"><i>A whirling column of wind rips across the landscape, hurling creatures into the air.</i></td>
  </tr>
  <tr>
    <td colspan="2">Eve</td>
  </tr>
  <tr>
    <td colspan="2">John</td>
  </tr>
</table>


<table style="position:relative; width:32%; margin-left:66%; border:1px solid black;">
  <tr>
    <th style="text-align:left">Flash Freeze</th>
    <th style="text-align:right">Daily</th>
  </tr>
  <tr>
    <td colspan="2"><i>An arcane wind blasts elemental cold at your foes and freezes them in their tracks.</i></td>
  </tr>
  <tr>
    <td colspan="2">Eve</td>
  </tr>
  <tr>
    <td colspan="2">John</td>
  </tr>
</table>
<br/></div>

<div>
<table style="position:relative; width:32%; border:1px solid black;">
  <tr>
    <th style="text-align:left">Incendiary Cloud</th>
    <th style="text-align:right">Daily</th>
  </tr>
  <tr>
    <td colspan="2"><i>A fiery bead rapidly expands into a burning cloud that consumes everything it touches.</i></td>
  </tr>
  <tr>
    <td colspan="2">Eve</td>
  </tr>
  <tr>
    <td colspan="2">John</td>
  </tr>
</table>


<table style="position:relative; width:32%; margin-left:33%; border:1px solid black;">
  <tr>
    <th style="text-align:left">Bigby's Icy Grasp</th>
    <th style="text-align:right">Daily</th>
  </tr>
  <tr>
    <td colspan="2"><i>You conjure a giant floating hand made of chiseled ice that clutches a foe and freezes it.</i></td>
  </tr>
  <tr>
    <td colspan="2">Eve</td>
  </tr>
  <tr>
    <td colspan="2">John</td>
  </tr>
</table>


<table style="position:relative; width:32%; margin-left:66%; border:1px solid black;">
  <tr>
    <th style="text-align:left">Illusory Assailant</th>
    <th style="text-align:right">Encounter</th>
  </tr>
  <tr>
    <td colspan="2"><i>You produce a lifelike illusion of a warrior that attacks your enemies and aids your allies.</i></td>
  </tr>
  <tr>
    <td colspan="2">Eve</td>
  </tr>
  <tr>
    <td colspan="2">John</td>
  </tr>
</table>
<br/></div>