質問編集履歴
1
コードを変更しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
文字を入れたspanをdivの中に入れた時と、同じ文字をdivに直接入れた時に、
|
|
1
|
+
文字を入れたspanをdivの中に入れた時と、同じフォントサイズの文字をdivに直接入れた時に、
|
|
2
|
-
divの高さに違いがあります。
|
|
2
|
+
青色のdivの高さに違いがあります。
|
|
3
3
|
なぜですか？教えてください。
|
|
4
4
|
|
|
5
|
+
```html
|
|
5
6
|
<!DOCTYPE html>
|
|
6
7
|
<html lang="ja">
|
|
7
8
|
<head>
|
|
8
9
|
<title>div&span</title>
|
|
9
10
|
<meta charset="UTF-8">
|
|
11
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
10
12
|
</head>
|
|
11
13
|
<body>
|
|
12
14
|
<div style="background-color:blue;color:yellow"><span style="background-color:red;font-size: 10px;">1ヶ月</span></div>
|
|
13
15
|
<br>
|
|
14
16
|
<div style="background-color:blue;color:yellow;font-size: 10px;">1ヶ月</div>
|
|
15
17
|
</body>
|
|
16
|
-
</html>
|
|
18
|
+
</html>
|
|
19
|
+
```
|
|
20
|
+
|