带按钮的HTML内联表单横向排列实现方法咨询

你遇到的上下堆叠问题是因为<form>标签默认是块级元素，每个都会独占整行，确实可以通过添加display相关样式解决，两种常用方案可选：

• 方案1（改动最小）：给两个<form>元素添加display: inline-block样式即可，无需修改其他原有结构，也不影响父容器的右对齐效果。
  你可以直接给form加行内样式：

  <form method="post" action="create_car_type.html" style="display: inline-block;">
  

  也可以写公共样式统一控制：

  .text-right form {
      display: inline-block;
  }
  

• 方案2（扩展性更强）：给外层class为text-right的div添加flex布局，后续如果新增同排表单/按钮都不用再单独调整样式：

  .text-right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 1rem; /* 可根据需要调整元素间距 */
  }
  

内容的提问来源于stack exchange，提问作者nostradam