回答編集履歴

5

コメントの追加

2016/04/22 09:01

投稿

OV222
OV222

スコア58

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

卑怯臭い方法を追加

2016/04/22 09:01

投稿

OV222
OV222

スコア58

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

上下真ん中に寄せるように修正

2016/04/22 08:44

投稿

OV222
OV222

スコア58

test CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  ```css
4
4
 
5
- vertical-align:bottom;
5
+ vertical-align:middle;
6
6
 
7
7
  ```
8
8
 
9
- を追加すると良いと思います。(middle等他のパラメータも試してみるのをオススメします)
9
+ を追加すると良いと思います。(他のパラメータも試してみるのをオススメします)
10
10
 
11
11
  微調整はline-heightでやると良いと思います。
12
12
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  .nyuuryoku img{
26
26
 
27
- vertical-align:botto;
27
+ vertical-align:middle;
28
28
 
29
29
  }
30
30
 

2

インラインスタイルからスタイルシートでの記述に変更

2016/04/22 08:35

投稿

OV222
OV222

スコア58

test CHANGED
@@ -12,18 +12,22 @@
12
12
 
13
13
 
14
14
 
15
- ・追記
15
+ 例えば
16
16
 
17
- インラインで書いちゃいますと
17
+ ```css
18
18
 
19
- ```HTML
19
+ .nyuuryoku{
20
20
 
21
+ line-height:1.3;
22
+
23
+ }
24
+
25
+ .nyuuryoku img{
26
+
21
- <p>文章<span><img src="hoge.png" style="vertical-align:bottom;"></span>文章</p>
27
+ vertical-align:botto;
28
+
29
+ }
22
30
 
23
31
  ```
24
32
 
25
- です。
26
33
 
27
-
28
-
29
-

1

インラインスタイルを追加したhtmlの例を追加

2016/04/22 08:33

投稿

OV222
OV222

スコア58

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
+