HTML brタグについて

Question

写真を見てわかると思いますが、「太陽の目印がある建物の2階にございます」にcss
margin-leftが効かなく、困っています。

この場合、brをclass分けしなければいけないのでしょうか？

brに関係なく、両方にcssを効かせるにはどうしたらよいでしょうか？

websiteで、調べて分からなかったため、質問させていただきました。

   <span class="color_2 fre-tex">
       店舗は、市営地下鉄『烏丸御池駅』より徒歩２分の<br>
       太陽の目印がある建物の2階にございます。<br>
      </span>      

.color_2 fre-tex{
margin-left:20px;
}
コード

Comments

[kei344]

HTML/CSSは一部だけを取り出さず、周りの要素を含めた形で提示されたほうが回答しやすいと思います。（書かれている状況が再現するHTML/CSSを提示したほうが良いです）

[revoiot]

ご意見いただきありがとうございます。今後の参考にさせていただきます。

Answer 1

8-0_nyan5 様の通り、クラスで指定するのであれば、名前の先頭に「.」IDであれば、「#」をつければ、
名前は解決します。
さらに、

.color_2 .fre-tex {}
.color_2 {}
.fre-tex {}

のいずれかに、今回のspanタグへ付けるクラスに対して、display:block;を追加してあげれば大丈夫なはずです。

Answer 2

＞brをclass分け

よりも、spanタグだからだと思います。spanではなくdivかpで囲ってあげればいいのではないでしょうか。
（divかpに変えることで、他に影響も出るかもしれませんが……。
提示されているコードだけだと何とも言えません）

あと、 .color_2 fre-tex{ margin-left:20px; }
では、CSSが効かないのではないでしょうか。

.color_2, .fre-tex{}か.color_2{}か.fre-tex{}だと思いますよ。