如何在HTML中获得表格下角的按钮？

以下是我一直在做的工作：

<table style="width: 100%">
  <tr>
    <td style="width: 50px;height: 300px;">

      <img alt="Basketball" height="687" src="Basketball.jpg" width="1030" /></td>
    <td style="width: 100px;height: 300px;">
      <p style="width: 100%;text-align:justify">Basketball is a limited-contact sport played on a rectangular court.</p>
      <input style="margin-top:-20px" name="JoinUs" type="button" value="Join this club" />
    </td>
  </tr>
</table>

篮球是一种在长方形场地上进行的有限接触运动

---

我一直想把按钮放在桌子的角落，但它离段落太近了。抱歉，如果这不够好，仍然可以自学html…

仅按钮移动到下角：

td:last-child {
    position: relative;
}

input[type="button"] {
    position: absolute;
    bottom: 0;
}

td：最后一个孩子{
位置：相对位置；
}
输入[type=“button”]{
位置：绝对位置；
底部：0；
}

篮球是一种在长方形场地上进行的有限接触运动

谢谢，它很有效。我还加了右：0；于是按钮转到了右下角。