Заголовок H + другой текст в той же строке

Я пытаюсь иметь заголовок, а затем немного менее важный текст в одной строке:

Рейтинги навыков

(масштаб 5)

но я действительно хочу, чтобы (scale of 5) находился в той же строке, а также Skill Ratings был заключен в теги <h> для семантики структуры документа.

Я сильно нахожусь на недвижимости, поэтому не хочу другой линии, (scale of 5) будет привязан к стилю CSS.

Возможно ли это? Если нет, я предпочту не иметь Skill Ratings в качестве заголовка, но предпочел бы, чтобы это было.

Ответ 1

HTML

<h1>Skill Ratings <span>(scale of 5)</span></h1>

CSS

h1 span { font-size:16px; }

Ответ 2

Вы можете использовать ответ Lowkase, или если по какой-то причине вам нужно было разделить элементы на теги заголовков и абзацев, вы можете сделать это:

<h1>Skill Ratings </h1>

<p>(scale of 5)</p>

Тогда вот css:

.h1 { display: inline; }
.p { display: inline; }

Решение Lowkase более семантическое, поэтому, вероятно, это лучшее решение, но это еще один способ сделать это.

ИЗМЕНИТЬ

Извините, я просто заметил, что вы хотите его в теге заголовка, что означает использование ответа Lowkase.

Ответ 3

Просто сделайте свой <h1> дисплей: встроенным. Таким образом, он будет отображаться в обычном текстовом потоке.

Спрятано здесь

<h1>Skill Ratings </h1>(scale of 5)

h1 {
    display:inline
}