css - テキストをスパン内で垂直方向に揃える

Question

「テキスト 2」をその前のテキスト (つまり、ここでは「テキスト 1」 ) の垂直方向の中央に配置する必要があります。

HTML コード:

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

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

クラスのことを考えvertical-align:middleました.twoが、うまくいかないようです..

score 3 · Accepted Answer

テキストコンテンツ用のコンテナー (おそらくスパン) を作成し、次の操作を行います。

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

score 2 · Accepted Answer

vertical-align両方に適用する必要がある場合があります<span>。

span { vertical-align: middle }