css - 在 span 中垂直对齐文本

Question

我希望“文本 2”垂直居中对齐到它之前的文本（即此处的“文本 1”）。

HTML 代码：

<span style='font-size:22px'>text 1</span><span class='two'>text 2</span>

CSS 代码：

.two{
    color:red;
    font-size: 12px;
}

我想上课vertical-align:middle，.two但它似乎不起作用..

这是小提琴

Answer 1

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

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

Answer 2

您可能需要同时申请vertical-align两者<span>。

span { vertical-align: middle }

http://jsfiddle.net/BBh4e/2/