teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

訂正

2018/10/13 14:22

投稿

hectopascal1013
hectopascal1013

スコア466

answer CHANGED
File without changes

2

訂正

2018/10/13 14:22

投稿

hectopascal1013
hectopascal1013

スコア466

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

1

修正

2018/10/13 12:53

投稿

hectopascal1013
hectopascal1013

スコア466

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