回答編集履歴
2
誤記修正
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
右寄せに使っている pull-right のスタイルに display-block が含まれているのではないでしょうか。
|
1
|
+
右寄せに使っている pull-right のスタイルに display:inline-block が含まれているのではないでしょうか。
|
2
2
|
|
3
|
-
通常の <span> はインライン要素なので、line-height 等のライン属性の影響を受ける(font-sizeから導き出される規定の行の高さを持つ)が、display-block 指定されたことにより height が親ブロック要素の値を継承するようになった(親 div 要素の高さに揃えられた)という状態だと思います。
|
3
|
+
通常の <span> はインライン要素なので、line-height 等のライン属性の影響を受ける(font-sizeから導き出される規定の行の高さを持つ)が、display:inline-block 指定されたことにより height が親ブロック要素の値を継承するようになった(親 div 要素の高さに揃えられた)という状態だと思います。
|
4
4
|
|
5
5
|
|
6
6
|
|
1
追記
test
CHANGED
@@ -4,4 +4,4 @@
|
|
4
4
|
|
5
5
|
|
6
6
|
|
7
|
-
margin-top
|
7
|
+
height か margin-top と margin-bottom を明示的に指定して、高さを調整する必要があるのではないでしょうか。
|