質問編集履歴
1
情報の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,31 +1,25 @@
|
|
|
1
1
|
### 前提
|
|
2
2
|
|
|
3
3
|
HTML/CSSを学習中です。
|
|
4
|
-
実践演習中で模写コーディングを行っています。
|
|
4
|
+
現在、実践演習中で模写コーディングを行っています。
|
|
5
|
-
|
|
5
|
+
↓イメージの様なLPを目指しています。
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
しかし、本来目指しているのは↓のスクショ通りのレイアウトを目指しています。
|
|
10
|
-
|
|
11
7
|
###実現したいこと
|
|
8
|
+
↓イメージの赤枠で囲まれた部分の様に、
|
|
9
|
+
**左：画像、右：テキスト を配置**しつつ、
|
|
10
|
+
**左画像、右テキストを共に中央に寄せて配置したい**のですが、画像が左寄せになってしまいます。
|
|
11
|
+
解決策の回答をお願いします。
|
|
12
|
+
######本来指定したい状態 ※赤枠部
|
|
13
|
+
|
|
12
14
|
|
|
13
|
-
左に画像、右にテキストを配置して左の画像、右のテキストを中央に寄せて配置したいです。
|
|
14
|
-
回答お願いします。
|
|
15
15
|
|
|
16
|
+
######現在の誤りのある状態 ※赤枠部
|
|
17
|
+
※左に配置した画像の中央寄せが適用されていない
|
|
18
|
+
|
|
16
19
|
|
|
17
|
-
######現在の誤りのある状態
|
|
18
20
|
|
|
19
|
-
|
|
20
21
|
|
|
21
|
-
######本来指定したい状態
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
### 試したこと
|
|
26
|
-
|
|
27
|
-
ググって出た情報を手当たり次第に試していますが、どう対処すればいいか混乱しています。
|
|
28
|
-
|
|
29
23
|
### 補足情報（FW/ツールのバージョンなど）
|
|
30
24
|
|
|
31
25
|
使用機器：Dynabook 15インチ
|
|
@@ -41,7 +35,7 @@
|
|
|
41
35
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
42
36
|
<title>デイトラ/copy</title>
|
|
43
37
|
<link rel="stylesheet" href="stylesheet.css">
|
|
44
|
-
|
|
38
|
+
|
|
45
39
|
</head>
|
|
46
40
|
<body>
|
|
47
41
|
<header>
|
|
@@ -75,9 +69,9 @@
|
|
|
75
69
|
</p>
|
|
76
70
|
</div>
|
|
77
71
|
</div>
|
|
78
|
-
|
|
72
|
+
|
|
79
73
|
<!-- デイトラとは、無料で・迷わず・楽しく学べるプログラミング学<br>習アプリです。毎日設定された課題をこなしていくだけで、未経<br>験から30日でプログラミングスキルが身に付きます。<br>1日1題30日でプロのWebエンジニアを目指しましょう！ -->
|
|
80
|
-
|
|
74
|
+
|
|
81
75
|
</div>
|
|
82
76
|
</div>
|
|
83
77
|
</div>
|