我该如何在表单旁边添加文本？

<div class="form-container">
  <form>
    <!-- 表单元素 -->
  </form>
  <p class="text">文本内容</p>
</div>

.form-container {
  display: flex;
  align-items: center;
}

form {
  /* 表单样式 */
}

.text {
  /* 文本样式 */
}

.form-container {
  display: flex;
  align-items: center;
}

form {
  /* 表单样式 */
  flex: 1;
}

.text {
  /* 文本样式 */
  margin-left: 10px;
}