Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/c9022685/mamotaku.com/www/public_html/__wp/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77

Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/c9022685/mamotaku.com/www/public_html/__wp/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 87

Warning: count(): Parameter must be an array or an object that implements Countable in /home/c9022685/mamotaku.com/www/public_html/__wp/wp-includes/post-template.php on line 284
※などの下に文字を回り込ませない方法|MaMoTaKu(Blog)〜まもたくのぶろぐ

※などの下に文字を回り込ませない方法

カテゴリー:CSS

※や・を使ったときに2行以上になると文字が下に回り込むことを阻止したくなったのでやり方を調べてみた
この方法はなかなか画期的だと思う!(MaMoTaKuが見つけ出した訳ではないが…)

例えば

・あかさたな
はまやらわ

こうなるのを阻止するために

<span class="kome">・</span>あかさたな
はまやらわ

このspanのクラスに

.kome{
	margin-left:-1em;
	text-indent:-1em;
}

をかけてあげることで複数行になっても回り込むことがなくなるはず!
その後に全体をくくってるボックスに

dix#wrapper{
    margin-left:1em;
}

をかけてあげることで見た目的にも問題なくなる!