Css 在跨距中垂直对齐文本

我希望“文本2”与前面的文本垂直居中对齐（即“文本1”）

HTML代码： 我以为

垂直对齐：中间
用于
.two
类，但它似乎不起作用

以下是为您的文本内容创建一个容器（可能是一个span），然后执行以下操作：

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

为文本内容创建一个容器（可能是一个span），然后执行以下操作：

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

您可能需要对这两个
应用
垂直对齐

您可能需要对这两个
应用
垂直对齐

@JoshC：是的，我同意。但有一点需要注意的是，当字体大小小于20像素时（第一次为20像素），垂直对齐看起来不会太明显。（至少在歌剧中没有）。我认为在已经建议的跨度之外再加一个
线高
会更好。@JoshC：是的，我同意。但有一点需要注意的是，当字体大小小于20像素时（第一次为20像素），垂直对齐看起来不会太明显。（至少在歌剧中没有）。我认为在已经建议的跨度之外再加一个
线高
。
span {
    display:inline-block;
    vertical-align:middle;
}

span { vertical-align: middle }