質問編集履歴

1

情報の修正

2020/12/07 14:08

投稿

_505turkish
_505turkish

スコア6

test CHANGED
File without changes
test CHANGED
@@ -4,53 +4,41 @@
4
4
 
5
5
  HTML/CSSを学習中です。
6
6
 
7
- 実践演習中で模写コーディングを行っています。
7
+ 現在、実践演習中で模写コーディングを行っています。
8
-
8
+
9
- 現在、自分のコディングだとレイアウトが↓の様ています
9
+ ↓イメの様なLPを目指しています
10
-
10
+
11
- ![イメージ説明](6202b359edd5d402d9900acc804ebffb.png)
11
+ ![イメージ説明](df9cf3df9b609179d89a0c870b211ce3.png)
12
-
13
-
14
-
15
-
16
-
17
- しかし、本来目指しているのは↓のスクショ通りのレイアウトを目指しています。
18
-
19
- ![イメージ説明](b27900f7ecdb70336ca91db64dc36532.png)
20
12
 
21
13
  ###実現したいこと
22
14
 
23
-
15
+ ↓イメージの赤枠で囲まれた部分の様に、
16
+
24
-
17
+ **左:画像、右:テキスト を配置**しつつ、
18
+
25
- 画像、右テキストを配置して左の画像、右のテキストを中央に寄せて配置したいです。
19
+ **左画像、右テキストを共に中央に寄せて配置したい**のですが、画像が左寄せになってしまいます
26
-
20
+
27
- 回答お願いします。
21
+ 解決策の回答お願いします。
22
+
28
-
23
+ ######本来指定したい状態 ※赤枠部
24
+
29
-
25
+ ![イメージ説明](dbe781a7feb62cd11f3e0e390a1548f3.png)
30
-
31
-
32
-
26
+
27
+
28
+
29
+
30
+
33
- ######現在の誤りのある状態
31
+ ######現在の誤りのある状態 ※赤枠部
32
+
34
-
33
+ ※左に配置した画像の中央寄せが適用されていない
35
-
36
-
34
+
37
- ![イメージ説明](6202b359edd5d402d9900acc804ebffb.png)
35
+ ![イメージ説明](4067325f99850b7beae0154bcbba4001.png)
38
-
39
-
40
-
41
- ######本来指定したい状態
36
+
42
-
43
-
44
-
45
- ![イメージ説明](b27900f7ecdb70336ca91db64dc36532.png)
37
+
46
-
47
-
48
-
49
- ### 試したこと
38
+
50
-
51
-
52
-
53
- ググって出た情報を手当たり次第に試していますが、どう対処すればいいか混乱しています。
39
+
40
+
41
+
54
42
 
55
43
 
56
44
 
@@ -84,7 +72,7 @@
84
72
 
85
73
  <link rel="stylesheet" href="stylesheet.css">
86
74
 
87
- <link rel="stylesheet" href="responsive.css">
75
+
88
76
 
89
77
  </head>
90
78
 
@@ -152,11 +140,11 @@
152
140
 
153
141
  </div>
154
142
 
155
-
143
+
156
144
 
157
145
  <!-- デイトラとは、無料で・迷わず・楽しく学べるプログラミング学<br>習アプリです。毎日設定された課題をこなしていくだけで、未経<br>験から30日でプログラミングスキルが身に付きます。<br>1日1題30日でプロのWebエンジニアを目指しましょう! -->
158
146
 
159
-
147
+
160
148
 
161
149
  </div>
162
150