3カラム
にして
文字を入れると
右寄せ文頭そろえになる。
わざわざCSS書かなくても簡単にできた！
普通は
こんな感じで
右寄せにすると文頭が凸凹になる
しかし今回のカスタマイズで
右寄せ文頭揃え。
それっぽくなるのです。
右寄せ
だけど
文頭は左詰めにしています。
画像と重ね合わせると表現の幅が広がっていい感じ。
ただし、スマホ表示だと寄りすぎるので要改善。
CSS
/* 右揃え（文頭左詰め） */
#r1 { text-align: right; }
#r2 { text-align: left; margin-left: auto; margin-right: 0px; width: 40%; }HTML
<div id="r1">
<ul id="r2">
右寄せ左詰め
させたい文章
</ul>
</div>結論
カラム使った方がいい
コメントを残す