回答編集履歴

2

誤記修正

2016/04/13 13:37

投稿

tkanda
tkanda

スコア2425

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

追記

2016/04/13 13:37

投稿

tkanda
tkanda

スコア2425

test CHANGED
@@ -4,4 +4,4 @@
4
4
 
5
5
 
6
6
 
7
- margin-top, margin-bottom を指定して、高さを調整する必要があるのではないでしょうか。
7
+ height か margin-top margin-bottom を明示的に指定して、高さを調整する必要があるのではないでしょうか。