回答編集履歴

3

訂正

2018/10/13 14:22

投稿

hectopascal1013
hectopascal1013

スコア466

test CHANGED
File without changes

2

訂正

2018/10/13 14:22

投稿

hectopascal1013
hectopascal1013

スコア466

test CHANGED
@@ -1,4 +1,4 @@
1
- vertical-alignが効くのはinline要素のみとなっていますが、
1
+ vertical-alignが効くのはinline要素(訂正:あと、テーブル要素)のみとなっていますが、
2
2
 
3
3
  今回ul heightを10%指定されている事等から、inlineにする事は難しいです。
4
4
 

1

修正

2018/10/13 12:53

投稿

hectopascal1013
hectopascal1013

スコア466

test CHANGED
@@ -1,6 +1,18 @@
1
- #header aのpadding: 1em 5em;が効為と思われます
1
+ vertical-alignが効くのはinline要素のみとなっていますが、
2
2
 
3
+ 今回ul heightを10%指定されている事等から、inlineにする事は難しいです。
4
+
5
+ http://www.htmq.com/style/vertical-align.shtml
6
+
7
+
8
+
9
+ また、alignを適用できない以上、aタグの上下調節はpaddingやmarginとなってきますが、
10
+
11
+ #header aのpadding: 1em 5em;が部分的に効いてない為と思われます。
12
+
3
- top以降が配されているのはaタグですので、inline-blockにすべきはaタグではないでしょうか?
13
+ top以降が配されているのはaタグですので、inline-blockにもしすべきはaタグではないでしょうか?
14
+
15
+
4
16
 
5
17
 
6
18