2Like
HTML CSS 上下左右中央ぞろえの行い方
解決したいこと
テキストを二行に分けて上下左右中央ぞろえにしたいのですが、実施の仕方がわからず詰まってしまっています。
該当箇所
.html
<div class="Address">
<p>○○○○○○○○○○○○○○○○○○○○○○○○</p>
<p>□□□□□□□□□□□□□□□□□□□□□□□□</p>
</div>
.css
.Address{
height: 200px;
background-color: #333;
display: flex;
justify-content: center;
align-items: center;
}
.Address p{
font-family: "Hannari", serif;
font-size: 28px;
color: #fff;
}
参考記事
最後まで読んでいただきありがとうございます。
ご存じの方がいらっしゃいましたら教えていただけますと幸いです。
何卒よろしくお願いいたします。
0
2Answer
対象とするブラウザは何ですか？
どのようにしたいのか画像で説明できませんか？
0Like