質問編集履歴

3

本文の修正

2020/03/24 07:32

投稿

yuusuke001
yuusuke001

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- 添付しました画像のように水色の背景色の中に画像を表示させ、その横に文字列を画像に対して中央に来るように表示させたものを縦に複数並べたいのですが、float: leftで画像の右に文字を回り込ませれたのですがそれ以外がうまくいきません。
1
+ 添付しました画像のように水色の背景色の中に画像を表示させ、その横に文字列を画像に対して中央に来るように表示させたものを縦に複数並べたいのですが、下記のようにHTMLとCSSを記述した所float: leftで画像の右に文字を回り込ませれたのですがそれ以外がうまくいきません。
2
2
 
3
3
  添付しました画像のように表示させたい場合、どの様に記述したらいいのかお教え下さい。
4
4
 
@@ -104,4 +104,10 @@
104
104
 
105
105
 
106
106
 
107
+
108
+
109
+ ↓↓↓この様に表示させたいです。
110
+
111
+
112
+
107
113
  ![イメージ説明](afb3b157abfe09c9a3e61560200477d0.jpeg)

2

タイトルの修正

2020/03/24 07:32

投稿

yuusuke001
yuusuke001

スコア15

test CHANGED
@@ -1 +1 @@
1
- [CSS]水色の背景色の中に画像の横に文字列を表示させものを縦に並べたい。
1
+ [CSS]水色の背景色の中に画像を表示させ、その横に文字列を中央に表示させものを縦に複数並べたい。
test CHANGED
@@ -1,6 +1,6 @@
1
- 添付しました画像のように水色の背景色の中に画像の横に文字列を表示させものを縦に並べて作りたいのですが、float: leftで画像の右に文字を回り込ませれたのですがそれ以外がうまくいきません。
1
+ 添付しました画像のように水色の背景色の中に画像を表示させ、その横に文字列を画像に対して中央に来るように表示させものを縦に複数並べたいのですが、float: leftで画像の右に文字を回り込ませれたのですがそれ以外がうまくいきません。
2
2
 
3
- 添付しました画像のように表示させたい場合どの様に記述したらいいのかお教え下さい。
3
+ 添付しました画像のように表示させたい場合どの様に記述したらいいのかお教え下さい。
4
4
 
5
5
 
6
6
 

1

タイトルの修正及びマークダウンの利用

2020/03/24 07:29

投稿

yuusuke001
yuusuke001

スコア15

test CHANGED
@@ -1 +1 @@
1
- CSSの記述
1
+ [CSS]水色背景色の中画像の横に文字列を表示させてものを縦に並べたい。
test CHANGED
@@ -1,4 +1,4 @@
1
- 添付しました画像のように水色の背景の中に画像の横に文字列を表示させてものを縦に並べて作りたいのですが、float: leftで画像の右に文字を回り込ませれたのですがそれ以外がうまくいきません。
1
+ 添付しました画像のように水色の背景の中に画像の横に文字列を表示させてものを縦に並べて作りたいのですが、float: leftで画像の右に文字を回り込ませれたのですがそれ以外がうまくいきません。
2
2
 
3
3
  添付しました画像のように表示させたい場合どの様に記述したらいいのかお教え下さい。
4
4
 
@@ -6,11 +6,7 @@
6
6
 
7
7
 
8
8
 
9
-
10
-
11
- HTML
9
+ ```HTML
12
-
13
-
14
10
 
15
11
  <div class="box">
16
12
 
@@ -40,15 +36,19 @@
40
36
 
41
37
  </div>
42
38
 
39
+ ```
43
40
 
44
41
 
45
42
 
46
43
 
47
44
 
48
45
 
49
- ■CSS
50
46
 
51
47
 
48
+
49
+
50
+
51
+ ```CSS
52
52
 
53
53
  .box-img{
54
54
 
@@ -96,6 +96,10 @@
96
96
 
97
97
  }
98
98
 
99
+ ```
100
+
101
+
102
+
99
103
 
100
104
 
101
105