Как выровнять два слова с разными размерами шрифта в одной строке?

Мне нужно отобразить две строки текста с разным размером шрифта, одну за другой, чтобы их верхние строки находились в одной вертикальной позиции, т. е.

Я пытался использовать vertical-align: top, но безуспешно. Вместо ожидаемого результата у меня есть это:

Есть ли какой-нибудь стандартный способ достижения желаемого результата?

Вот мой HTML:

<div id="container">
    <span>TEXT</span> TEXT
</div>

и CSS:

#container {
    font-size: 30px;
}

#container span {
    font-size: 16px;
    vertical-align: top;
}
7 голосов | спросил lazyhammer 10 MaramSat, 10 Mar 2012 00:30:44 +04002012-03-10T00:30:44+04:0012 2012, 00:30:44

1 ответ


0

Один из способов будет:

#container span {
    position: relative;
    top: 2px;
    }

Настройте 2 пикселя в соответствии с требованиями.

ответил Turnip 10 MaramSat, 10 Mar 2012 00:35:45 +04002012-03-10T00:35:45+04:0012 2012, 00:35:45

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132