回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
>__アイコンとテキストを綺麗に並べたい(画像の青線部分) __
|
|
2
|
+
|
|
1
3
|
SVG自身の中にすでに余白がありますので、ベースラインの揃えてもずれてしまうので、まずそこを何とかしないといけないと思います。
|
|
2
4
|
|
|
3
5
|
```html
|
|
@@ -11,4 +13,18 @@
|
|
|
11
13
|
padding-top: 15px;
|
|
12
14
|
align-items: baseline; /* 追加 */
|
|
13
15
|
}
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
>__アイコン、およびテキストとボーダーラインの間の余白を埋めたい(画像の赤線部分)__
|
|
21
|
+
|
|
22
|
+
とりあえず、マージンを消してみては？
|
|
23
|
+
それでも足りなければ、行高さやネガティブマージンで調節するなどが必要になると思います。
|
|
24
|
+
|
|
25
|
+
```css
|
|
26
|
+
h1 {
|
|
27
|
+
line-height: 1;
|
|
28
|
+
margin: 0;
|
|
29
|
+
}
|
|
14
30
|
```
|