CSS:span 改行させるには？

質問

こんにちは。
以下のようなHTMLがあります。
HTMLは自動生成のため編集不可なのですが、スタイルシートのみ編集可能です。

<span class="price">4,500円&nbsp;
</span><span class="price2">税込、送料別</span>

現在はそれぞれ、スタイルシートに
フォントカラーサイズ程度が与えられているだけなので

4,500円 税込、送料別

と表示されています。

これを価格のあとで改行させて

4,500円
税込、送料別

と表示にさせることはできないでしょうか。
よろしくお願いいたします。

回答No.1

chikotto · ベストアンサー

spanはインラインエレメントですから改行しないのは当たり前です。
<br />使えないのなら…

CSSでブロックにするといいですよ。

span{
display:block;
}

これだと確実に改行されます。

お礼

こんにちは、どうもありがとうございます。
改行できるようになりました。
見よう見真似でまだまだ知らないスタイルがあるので大変助かりました。ありがとうございました。