Css 当跨距有一些边距时，文本对齐受到干扰

我在第页有两个

span

。我想垂直对齐这些内容，但问题是我的第一个

span

有一些空白。第二个

span

的内容太长，因此第二个

span

的文本与上面的

span

不一致。请看

在小提琴中：我的第一个跨距有

100px

边距，你可以看到第二个跨距与第一个跨距不对齐

如何使用CSS垂直对齐两个跨文本

注意：我无法更改HTML结构。请不要建议我这么做。

在真实场景中：我有许多块没有任何父容器，每个块跨度有不同的边距。看见我希望每个块

第二个span

与上面的span对齐。

任何帮助都将不胜感激

你可以试试这个

span.que{
  margin-left: 100px;
  margin-right: 10px;
  display: inline;
}
span.ans{
  display: inline-block;
  text-indent: 142px;
  margin-left: 100px;
  margin-top: -20px;
}

---

使

span.ans

显示：内联块，默认情况下，span是内联的，这意味着它不能有边距、填充、宽度或高度（它只是环绕内容）。其次，您需要添加

左边距：

，其中包含上一跨度的边距值

---

我认为它不起作用，你能提供一个工作小提琴样品吗。对我来说，它看起来像-并且测试没有与上面的跨度对齐；到span.ansok，但输出为。您可以在fiddle中看到文本从第二行开始（span.ans文本未开始，就在span.que文本之后）。是的，您是。但是它希望我的span.ans文本在sapn.que文本之后开始，例如，我不希望文本看起来像这样。你能帮我实现这一点吗？正如提问者提到的，他不能更改html代码