@tuzura_ori
spanタグを使って、テキストや画像のセンタリング・右寄せ・左寄せができます
(中央揃え・右揃え・左揃え…という意味です)
※左寄せはデフォルト(初期設定)なので省きます。
※ご使用のブラウザによっては表示が異なることがあります(ご了承下さい)
センタリング
巷に雨の降るごとく
われの心に涙ふる。
かくも心ににじみ入る
この悲しみは何やらん?
やるせなき心のために
おお、雨の歌よ!
やさしき雨の響きは
地上にも屋上にも!
【タグ…<>は反映防止の為全角になってますので、使用の際は半角に訂正して下さい】
<span style="display: block; text-align: center;">この間に文章or画像</span>
右寄せ
巷に雨の降るごとく
われの心に涙ふる。
かくも心ににじみ入る
この悲しみは何やらん?
やるせなき心のために
おお、雨の歌よ!
やさしき雨の響きは
地上にも屋上にも!
【タグ…<>は反映防止の為全角になってますので、使用の際は半角に訂正して下さい】
<span style="display: block; text-align: right;">この間に文章or画像</span>
右寄せ応用…右側に余白を指定
巷に雨の降るごとく
われの心に涙ふる。
かくも心ににじみ入る
この悲しみは何やらん?
やるせなき心のために
おお、雨の歌よ!
やさしき雨の響きは
地上にも屋上にも!
【タグ…<>は反映防止の為全角になってますので、使用の際は半角に訂正して下さい】
<span style="display: block; text-align: right; margin-right: 2em;"></span>
※emとは設定されている大きさでの1文字の大きさ
つまり文字の大きさが13pxでしたら、2emは26pxとなります。
このような環境に左右されたくない時は、emでなptやpxを用いましょう