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
