html - ヘッダーが改行を追加しないようにしますか?

Question

小さなウェブストアを作成していますが、製品名と価格を同じにする必要があります。商品名と価格は として表示されh2ます。

h2同じラインで2 つのタグを使用することはできますか?

Answer 1

h1などh2はブロック要素であり、可能な限りすべての幅を取得します。使用できます (デモを参照してください: http://jsfiddle.net/VZc4Q/ ):

h2 {
  display: inline;
}

しかし、ヘッダーはブロック要素であるべきだと思います。バリアントとして、スパンに名前と価格を配置し、スタイルを追加できます。または、名前と価格を 1 つのヘッダーに配置します。