</br>を無くして、CSS

質問

下記タグの</br>を無くして、CSSで設定することはできますか？

<span>
ワイン（ボトル）
</span>
</br>
各種

回答No.1

drofxo · ベストアンサー

spanにdisplay:blockを指定すれば改行させることができます。

回答No.3

ORUKA1951

プレゼンテーション(表現)のためにHTMLを書くのは間違い・・
HTMLは文書構造しか書きません。
まず、その前後の脈絡にしたがってHTMLを書くことから始めましょう。
<span>
ワイン（ボトル）
</span>
</br>
各種
　spanやdivは「id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」のものです。他に適切な要素がある場合は、spanやdivは使ってはなりません。HTML5では明確に否定されています。
Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable.( http://www.w3.org/TR/html5-author/the-div-element.html#the-div-element )
　他に適切な要素がないときの最後の最後の手段として使うべき・・

もし、商品項目と明細でしたら
<dl>
　<dt>ワイン各種(ボトル</dt>
　<dd>ボジョレー・ヌヴォー
　　<p>フランスのブルゴーニュ地方南部に隣接する丘陵地帯・ボジョレーで生産されるヌヴォー（試飲新酒）仕様の赤ワイン</p>
・・・・
　とかにマークアップされているはずですからね。
　それを一行で表示 dt{float:left;} しようが、説明を省こう dd p{display:none;}しようがは、スタイルシートで!!

※</br>を無くして、
　多くの場合、きちんとマークアップされていれば、必然的に余計な事はしなくて良いはずですよ。

<p>下記タグの&lt;/br&gt;を無くして、CSSで設定することはできますか？</br>
</br>
&lt;span&gt;</br>
ワイン（ボトル）</br>
&lt;/span&gt;</br>
&lt;/br&gt;</br>
各種 </br>

↓

<p>下記タグの&lt;/br&gt;を無くして、CSSで設定することはできますか？</p>
<pre><code>&lt;span&gt;
ワイン（ボトル）
&lt;/span&gt;
&lt;/br&gt;
各種</code></pre>

★</br>が使われていて、かつ其処が改行でしたら、一部を除いて!!(※)確実に異なるブロック要素であるはずですから、<div><span>じゅなく、もっと適切なマークアップがあるはずです。

※一部とは、住所を示す部分で
<address>東京都新宿区<br>
****町**丁目</address>
　とか・・・・・それ以外、</br><br>は通常のHTMLには存在し得ないはずです。

回答No.2

totomac

span:after{
content:"\A";
white-space:pre;
}