プライベッターで使えそうなタグ(センタリング・右寄せ・左寄せ)
@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を用いましょう