６ステップでマスターする 「最新標準」HTML+CSSデザイン | マイナビブックスのメモです。
要素を左右両端揃えにする
- 要素が2つの場合
.container {
display: flex;
justify-content: space-between;
}-
3つ以上の場合
.container {
display: flex;
}
.container 左に残したい要素 {
margin-right: auto;
}要素の上下方向を中央揃えにする
.container {
display: flex;
align-items: center;
}