回答編集履歴
5
コメントの追加
test
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
display:inline-block;
|
42
42
|
|
43
|
-
margin-bottom:-5px;
|
43
|
+
margin-bottom:-5px; /* ここの値を変えると文字の位置が変わる */
|
44
44
|
|
45
45
|
}
|
46
46
|
|
4
卑怯臭い方法を追加
test
CHANGED
@@ -31,3 +31,17 @@
|
|
31
31
|
```
|
32
32
|
|
33
33
|
|
34
|
+
|
35
|
+
あと、卑怯臭い方法ですが、
|
36
|
+
|
37
|
+
```css
|
38
|
+
|
39
|
+
.nyuuryoku img{
|
40
|
+
|
41
|
+
display:inline-block;
|
42
|
+
|
43
|
+
margin-bottom:-5px;
|
44
|
+
|
45
|
+
}
|
46
|
+
|
47
|
+
```
|
3
上下真ん中に寄せるように修正
test
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
|
3
3
|
```css
|
4
4
|
|
5
|
-
vertical-align:
|
5
|
+
vertical-align:middle;
|
6
6
|
|
7
7
|
```
|
8
8
|
|
9
|
-
を追加すると良いと思います。(
|
9
|
+
を追加すると良いと思います。(他のパラメータも試してみるのをオススメします)
|
10
10
|
|
11
11
|
微調整はline-heightでやると良いと思います。
|
12
12
|
|
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
.nyuuryoku img{
|
26
26
|
|
27
|
-
vertical-align:
|
27
|
+
vertical-align:middle;
|
28
28
|
|
29
29
|
}
|
30
30
|
|
2
インラインスタイルからスタイルシートでの記述に変更
test
CHANGED
@@ -12,18 +12,22 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
|
15
|
+
例えば
|
16
16
|
|
17
|
-
|
17
|
+
```css
|
18
18
|
|
19
|
-
|
19
|
+
.nyuuryoku{
|
20
20
|
|
21
|
+
line-height:1.3;
|
22
|
+
|
23
|
+
}
|
24
|
+
|
25
|
+
.nyuuryoku img{
|
26
|
+
|
21
|
-
|
27
|
+
vertical-align:botto;
|
28
|
+
|
29
|
+
}
|
22
30
|
|
23
31
|
```
|
24
32
|
|
25
|
-
です。
|
26
33
|
|
27
|
-
|
28
|
-
|
29
|
-
|
1
インラインスタイルを追加したhtmlの例を追加
test
CHANGED
@@ -9,3 +9,21 @@
|
|
9
9
|
を追加すると良いと思います。(middle等他のパラメータも試してみるのをオススメします)
|
10
10
|
|
11
11
|
微調整はline-heightでやると良いと思います。
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
・追記
|
16
|
+
|
17
|
+
インラインで書いちゃいますと
|
18
|
+
|
19
|
+
```HTML
|
20
|
+
|
21
|
+
<p>文章<span><img src="hoge.png" style="vertical-align:bottom;"></span>文章</p>
|
22
|
+
|
23
|
+
```
|
24
|
+
|
25
|
+
です。
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
|