html - H見出し+同じ行の他のテキスト

Question

同じ行に見出しと重要度の低いテキストを表示しようとしています。

スキル評価

（5段階）

しかし、私は本当に(scale of 5)同じ行にあり、ドキュメント構造のセマンティクスのタグでSkill Ratingsラップされていることを望んでいます。<h>

私は不動産に厳しいので、別の行は必要ありません(scale of 5)。CSSスタイルにリンクされます。

これは可能ですか？そうでない場合、私はSkill Ratings見出しとして持たないことを選択しますが、そうすることを望みます。

Answer 1

HTML

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

CSS

h1 span { font-size:16px; }

Answer 2

Lowkaseの回答を使用できます。または、何らかの理由で要素を見出しタグと段落タグに分ける必要がある場合は、次のようにすることができます。

<h1>Skill Ratings </h1>

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

次に、cssを示します。

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

Lowkaseのソリューションはよりセマンティックであるため、おそらくより良いソリューションですが、これは別の方法です。

編集

申し訳ありませんが、ヘッダータグにそれが必要であることに気づきました。これは、Lowkaseの回答を使用することを意味します。

Answer 3

<h1>display：inlineを作成するだけです。このようにして、通常のテキストフローでレンダリングされます。

ここをいじる

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

h1 {
    display:inline
}