回答編集履歴
2
追記
test
CHANGED
|
@@ -43,3 +43,9 @@
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
[こちら](http://www.htmq.com/style/vertical-align.shtml)に分かりやすく記載されています。参考になれば幸いです。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
簡単な図も作ってみました。
|
|
50
|
+
|
|
51
|
+
|
1
追記
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
display: inline-block;
|
|
14
14
|
|
|
15
|
-
vertical-align: top
|
|
15
|
+
vertical-align: top /*これを追加*/
|
|
16
16
|
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -32,9 +32,13 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
「abcdefg」などの時、一本の線が見えませんか
|
|
35
|
+
「abcdefgxyz」などの時、一本の線が見えませんか？これがベースラインです。
|
|
36
36
|
|
|
37
|
+
つまりこの、下のラインに合わせているため、他の要素も下に行ってしまうのです。
|
|
38
|
+
|
|
39
|
+
これを解消するには、文字を合わせるのをベースラインから上にすればよいです。
|
|
40
|
+
|
|
37
|
-
該当のコードで上に設定しています。
|
|
41
|
+
該当のコードでも上に設定しています。
|
|
38
42
|
|
|
39
43
|
|
|
40
44
|
|