如何将按钮和文本放在html的右下角？

.container {
  position: relative; /* 设置父容器为相对定位 */
  width: 100%; /* 设置父容器宽度 */
  height: 100vh; /* 设置父容器高度为可视窗口的高度 */
}

.button {
  position: absolute; /* 设置按钮为绝对定位 */
  bottom: 10px; /* 距离底部的距离 */
  right: 10px; /* 距离右侧的距离 */
}

.text {
  position: absolute; /* 设置文本为绝对定位 */
  bottom: 10px; /* 距离底部的距离 */
  right: 10px; /* 距离右侧的距离 */
}

<div class="container">
  <button class="button">按钮</button>
  <span class="text">文本</span>
</div>

.container {
  display: flex; /* 设置父容器为Flex布局 */
  justify-content: flex-end; /* 水平方向上将内容放置在容器的右侧 */
  align-items: flex-end; /* 垂直方向上将内容放置在容器的底部 */
  width: 100%; /* 设置父容器宽度 */
  height: 100vh; /* 设置父容器高度为可视窗口的高度 */
}

.button {
  margin-right: 10px; /* 设置按钮距离右侧的距离 */
}

.text {
  margin-right: 10px; /* 设置文本距离右侧的距离 */
}

<div class="container">
  <button class="button">按钮</button>
  <span class="text">文本</span>
</div>