回答編集履歴

1

追記

2021/09/09 02:10

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36960

test CHANGED
@@ -1,3 +1,7 @@
1
+ >__アイコンとテキストを綺麗に並べたい(画像の青線部分) __
2
+
3
+
4
+
1
5
  SVG自身の中にすでに余白がありますので、ベースラインの揃えてもずれてしまうので、まずそこを何とかしないといけないと思います。
2
6
 
3
7
 
@@ -25,3 +29,31 @@
25
29
  }
26
30
 
27
31
  ```
32
+
33
+
34
+
35
+ ---
36
+
37
+
38
+
39
+ >__アイコン、およびテキストとボーダーラインの間の余白を埋めたい(画像の赤線部分)__
40
+
41
+
42
+
43
+ とりあえず、マージンを消してみては?
44
+
45
+ それでも足りなければ、行高さやネガティブマージンで調節するなどが必要になると思います。
46
+
47
+
48
+
49
+ ```css
50
+
51
+ h1 {
52
+
53
+ line-height: 1;
54
+
55
+ margin: 0;
56
+
57
+ }
58
+
59
+ ```