HTML講座：中央寄せ
メモ
個人用HTMLメモです。
みつけた中央揃えのコード
もくじ
中央寄せ
text-align: center;
padding: 15px;
中央寄せ：justify-content: center
display: flex;
justify-content: center;
align-items: center;
「position: absolute;」の場合もアウターの「position: relative;」がある場所に上記コードで中央寄せが可能。
中央寄せ：display: flex
固定ヘッダーの左上ロゴなどに使用する
display: flex;
height: 100%;
flex-flow: wrap;
position: absolute;
left: 20px;
中央寄せ：position: absolute
固定ヘッダーの左上ロゴなどに使用する
height: 100%;
display: flex;
position: absolute;
align-items: center;
left: 20px;
メモ
position: fixed;
浮かせる感じ。スクロールしても画面固定