teratail
回答率
85.36%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問インライン要素で、行間の広いフォントの背景色の縦幅を狭めたい

編集履歴

質問編集履歴

1

コードと画像に「です」を追加

2020/12/15 10:38

投稿

amie8mie
amie8mie

スコア14

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ![それぞれのフォントに対し、line-heightを1にしてbackground-colorとunderlineを設定した様子](fc91f8cca252f2bb3c628da479e1015c.png)
1
+ ![それぞれのフォントに対し、line-heightを1にしてbackground-colorとunderlineを設定した様子](88f7e1f32c81802189ac658eeac9482e.png)
2
2
 
3
3
 
4
4
 
@@ -32,13 +32,13 @@
32
32
 
33
33
  <article style="display: flex;">
34
34
 
35
- <div><span style="font-family: メイリオ;">◆メイリオ</span></div>
35
+ <div><span style="font-family: メイリオ;">◆メイリオ</span>です</div>
36
36
 
37
- <div><span style="font-family: 源真ゴシック;">◆源真ゴシック</span></div>
37
+ <div><span style="font-family: 源真ゴシック;">◆源真ゴシック</span>です</div>
38
38
 
39
- <div><span style="font-family: 游ゴシック;">◆游ゴシック</span></div>
39
+ <div><span style="font-family: 游ゴシック;">◆游ゴシック</span>です</div>
40
40
 
41
- <div><span style="font-family: ＭＳ ゴシック;">◆ＭＳ ゴシック</span></div>
41
+ <div><span style="font-family: ＭＳ ゴシック;">◆ＭＳ ゴシック</span>です</div>
42
42
 
43
43
  </article>
44
44