お世話になります。
ページレイアウト>商品一覧>コンテンツ内の真ん中のカラムに
フリーエリアでテキストを挿入しようとしているのですが、
cssでどうしても中央揃えが出来ず困っております。
css
.midasi2 {
display: block;
text-align: center;
}
html
<div class="midasi2">
<p>Furniture</p>
</div>
お手数ですが、ご教示いただけないでしょうか。
よろしくお願いいたします。
基本的にはHTMLコードやCSSの記述方法についてはサポート範囲外となりますので予めご了承下さい。
お問い合わせ頂いた内容について、記載される場所や前後に記述された他のタグにより状況が変わりますので、的確な案内ができかねますことを予めご了承下さい。
中央揃えを行う方法として以下がございます。
・<center></center>タグを使用する
CSSではございませんが、中央揃えを行いたいHTMLコードを<center>タグで囲む方法もございます。
・「margin: 0 auto;」
記載頂いた「text-align: center;」については他の影響を可能性が高いです。
スタイルを適用させるエリアの幅が決まっているのであれば「margin: 0 auto;」に入れ替えるとできる可能性もございます。
・CSSを充てるHTMLコードを変更する
こちらも前後のコードの関係が影響する場合がございますが<div>にて適用されず<span>であれば適用される
場合もございますので<div>⇒<span>に入れ替えてご確認下さい。
※入れ替えた場合、レイアウトが崩れる可能性がございます。
記載頂いたコードの場合はこちらの方法はお勧めできません。
ご案内は以上です。
上記方法をお試し頂きご確認下さい。
ご返信ありがとうございます。
サポート外にも関わらず、ご案内頂き恐縮です。
前後タグによって、設定が変わってくるのですね。
今回教えて頂いた設定で無事、希望通りのレイアウトが出来ました。
ありがとうございました。