ページ内テキストの配置調整について

Question

お世話になっております。
下記のLP内、添付画像赤枠の上部のテキストにつきまして、PCで表示した際は問題ないのですが、SPで表示した際にテキストが全体的に左に寄ってしまいます。

https://www.aivivid.co.jp/web/estie5force/index_test.html

他のテキストは問題なく中心に表示されるようです。
お手数ですが修正方法をご教示いただけますと幸いです。
よろしくお願いいたします。###HR######IMG0c0b2d5ae6866e2faedb8dc8fb187b103.pngIMG0### ###IMG15ae7a72be8669c5a868ba3bd55d93282.pngIMG1###

Answer

ECマスターズの伊藤です。

> 下記のLP内、添付画像赤枠の上部のテキストにつきまして、PCで表示した際は問題ないのですが、SPで表示した際にテキストが全体的に左に寄ってしまいます。

CSSに
.bl_order_txt{
margin:auto
}

を追加していただき、表示をご確認頂ますよう
お願い致します。

CSSの修正となりますので、
他の箇所に影響が出ていないかも
合わせてご確認ください。

Answer

ECマスターズ 伊藤様

CSSへ追加し、無事に表示させることが出来ました。
大変助かりました。
ありがとうございます。

追加でご質問させていただきます。
テキストの上下にバランスよく空白を設けたいのですが、こちらの修正方法につきましてもご教示いただけますと幸いです。
添付画像、2箇所あるテキストのそれぞれ下と上にしか空いていていない状態のため、上下バランス良く表示させたいと思います。

お手数ですが何卒よろしくお願いいたします。###HR######IMG0c1039f844f9e1e924996c7cc659f06f3.pngIMG0### ###IMG1050fb9eec0b204400b683d4d77f44947.pngIMG1###

Answer

ECマスターズの伊藤です。

> テキストの上下にバランスよく空白を設けたいのですが、こちらの修正方法につきましてもご教示いただけますと幸いです。
> 添付画像、2箇所あるテキストのそれぞれ下と上にしか空いていていない状態のため、上下バランス良く表示させたいと思います。

現在、テキストに対して余白はなく、
画像に対して余白が入っている状態となります。
https://ec-masters.gyazo.com/be391a8952fdda72c67aba6818a40618

そのため、CSSで一括で指定することができないため、

１）
余白を入れたい箇所にを入れる

２）
対象にPタグに

上余白
style="margin-top:●px"
下余白
style="margin-bottom:●px"

例

を入れる

のいずれかで、対応箇所ごとに
ご対応いただく必要がございます。

Answer

ECマスターズ 伊藤様

お世話になっております。
空白に関しても問題なく修正することができました。

ご教示いただきありがとうございました。