<style>
    table {
        border-collapse: collapse;
    }

    th, td {
        border: 1px solid black;
        padding: 8px;
    }

    .left-align {
        text-align: left;
    }

    .center-align {
        text-align: center;
    }

    .right-align {
        text-align: right;
    }

    .top-align {
        vertical-align: top;
    }

    .middle-align {
        vertical-align: middle;
    }

    .bottom-align {
        vertical-align: bottom;
    }
</style>

<table>
    <tr>
        <th class="left-align">Left aligned</th>
        <th class="center-align">Center aligned</th>
        <th class="right-align">Right aligned</th>
    </tr>
    <tr>
        <td class="top-align">Top aligned</td>
        <td class="middle-align">Middle aligned</td>
        <td class="bottom-align">Bottom aligned</td>
    </tr>
</table>

<table>
    <tr>
        <th align="left">Left aligned</th>
        <th align="center">Center aligned</th>
        <th align="right">Right aligned</th>
    </tr>
    <tr>
        <td valign="top">Top aligned</td>
        <td valign="middle">Middle aligned</td>
        <td valign="bottom">Bottom aligned</td>
    </tr>
</table>