回答編集履歴
2
サンプルリンク追加
answer
CHANGED
|
@@ -12,5 +12,7 @@
|
|
|
12
12
|
justify-content: space-between; /* 両端揃え */
|
|
13
13
|
align-items: center; /* 垂直位置中央揃え */
|
|
14
14
|
}
|
|
15
|
+
```
|
|
16
|
+
HTMLを修正する必要はなし。
|
|
15
17
|
|
|
16
|
-
|
|
18
|
+
[Codepenサンプル](https://codepen.io/hatena19/pen/YzXQvQQ)
|
1
書式の改善
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`.head i` に
|
|
1
|
+
`.head i` に `float: right;` を設定すれば右寄せになりますが、垂直位置を揃えたりが面倒なので、CSS Flexboxを使う方法がお勧めです。
|
|
2
2
|
|
|
3
3
|
```css
|
|
4
4
|
header .head {
|