<span> <label for="gender-input">邮箱：</label> <!-- <div style="text-align:center;"> 邮箱 --> <input type="text" id="email" placeholder="请输入邮箱" class="form-control" style="width: 50%; display: block; margin: 0 auto;" maxlength="5"> <!-- </div> --> </span>无法在同一行输出

这段 HTML 代码中，邮箱的输入框前面有一个 label 标签，如果想要在同一行输出，可以使用 CSS 设置 label 和 input 的 display 属性为 inline 或 inline-block。具体做法如下：

label {
  display: inline-block;
  vertical-align: middle;
}

input {
  display: inline-block;
  width: 50%;
  margin: 0 auto;
}

其中，vertical-align 属性设置 label 标签在垂直方向上与 input 输入框对齐。另外，为了使输入框在水平方向上居中，可以使用 margin: 0 auto;。