css

contentに文字参照を設定する方法

css

文字参照のままではそのまま表示されてしまうので、数値文字参照にして若干の調整をする必要があります。①「&」を「\」に変える ② #以下の数値を16進に変換 ③ 最後の「;」も外す 例)「›」「›」山括弧(終了) content: "\203a";

テキストボックスを画像の下に回り込ませない

css

overflow:autoを追加する <div style="float:left;"> <img src="xxx.png"> </div> <div class="clearfix" style="float:left;overflow:auto"> <div>あああ</div> <div>いいい</div> <div>ううう</div> <div>えええ</div> </div>画像 あああ いいい ううう えええ ↓↓↓ 画像 あああ いいい ううう えええ

同一行内で左右に寄せて配置

css

floatをつけてやる <div style="float:left;"> あああ </div> <div style="text-align:right;"> いいい </div>float指定がないと、2行に分かれて左寄せ、右寄せになる