前提・実現したいこと
BootstrapもしくはCSSでテキストを左揃えにしつつ中央寄せしたいです
個人情報が入ってるのでぼやかしていますが、会社名と本社の住所、支店の住所
それぞれ左揃えにしつつ中央寄せしたいです。
また、幅を狭めたときにテキストの位置をメインの記事の真下に持ってきたいのですが、左揃えにしつつ中央寄せでその形になりますか?
該当のソースコード
<footer class="h5 mt-5 mb-n1 bg-secondary text-white"> <div class="w-100"> 会社名がはいるよおおお </div> <dl class="h6"> <dt>【本社】</dt> <dd>〒999-9999 住所が入るよあああ</dd> <dt>【あああ作業所】</dt> <dd>〒000-0000 じゅうしょが入るよああああ </dd> </dl> <p class="h6">COPYRIGHT(C)aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> </footer> </body> </html>
/* footer */ footer { white-space: nowrap; width: 100%; height: 160px; padding: 20px 100px; } footer > div,dl { text-align: center; display: block; } footer > p { text-align: left; display: inline-block; }
試したこと
上記のCSSにもありますが、
footer > div,dl {
text-align: center;
display: block;
}
footer > p {
text-align: left;
display: inline-block;
}
を試しましたが、うまくいきません
bootstrapにもこれにあたるCSSが見当たらないので質問させていただきました。
補足情報(FW/ツールのバージョンなど)
Windows10 bootstrap4
追記
Copyright は中央寄せにしますか?
コチラは右寄せにしたいのですが、幅を狭めたときは中央に寄せたいです。
回答1件
あなたの回答
tips
プレビュー