即使有跨度，如何将输入标签推到中间，因为其他输入标签也是如此？

Question

这是picture

请注意它是使用 bulma 制作的以获取更多信息。

这是代码：

<div class="select">
  <select>
    <option>Selected</option>
    <option></option>
  </select>
</div>
<span class="crossback">&#10006;</span>
<br/>
<div class="select">
  <select>
    <option>Select</option>
    <option></option>
  </select>
</div>
<br/>

现在的问题是第一个输入标签有交叉，但第二个没有，但我想将第一个输入标签与第二个输入标签对齐，然后将交叉按钮向右推一点。

即使有很多输入标签，但只有一个输入标签有一个交叉，请说明解决方案，如果有多个交叉，如何对齐以下相同类型。

顺便说一句，感谢您分享您的知识和经验。

Answer 1

给十字一个绝对位置，这样 select 就不会向左移动，并将十字移动到标签 div.select 内。

.select {
  position: relative
}
.crossback{
     position: absolute;
    left: 84px;
}

<div class="select">
  <select>
    <option>Selected</option>
    <option></option>
  </select>
  <span class="crossback">&#10006;    </span>
</div>
<br/>
<div class="select">
  <select>
    <option>Select</option>
    <option></option>
  </select>
</div>
<br/>

即使有跨度，如何将输入标签推到中间，因为其他输入标签也是如此？

How to push input tag to the middle as the other input tags are even if there is span?

html

css

alignment

css-selectors

flexbox