質問編集履歴
2
変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
■■な機能を実装中に以下のエラーメッセージが発生しました。
|
|
6
6
|
下記のようにコードを書きましたが左に寄って左右中央になりません。
|
|
7
|
+
text2の文字もきちんと要素ごとに順々縦に並ばず、ブラウザの上のほうにきてしまいます。
|
|
7
8
|
|
|
8
9
|
画像のサイズはwidth:1100px height:200pxです。
|
|
9
10
|
|
|
@@ -20,9 +21,15 @@
|
|
|
20
21
|
|
|
21
22
|
<article class="text">
|
|
22
23
|
<div class="image">
|
|
23
|
-
<p>テストテストテストテストテストテストテストテストテストテスト</p>
|
|
24
|
+
<p>テストテストテストテストテストテストテストテストテストテスト1</p>
|
|
24
25
|
</div>
|
|
25
26
|
</article>
|
|
27
|
+
|
|
28
|
+
<article class="text2">
|
|
29
|
+
<div class="image">
|
|
30
|
+
<p>テストテストテストテストテストテストテストテストテストテスト2</p>
|
|
31
|
+
</div>
|
|
32
|
+
</article>
|
|
26
33
|
</section>
|
|
27
34
|
```
|
|
28
35
|
|
|
@@ -56,6 +63,10 @@
|
|
|
56
63
|
.image p {
|
|
57
64
|
text-align:center;
|
|
58
65
|
}
|
|
66
|
+
|
|
67
|
+
.text2 {
|
|
68
|
+
text-align:center;
|
|
69
|
+
}
|
|
59
70
|
```
|
|
60
71
|
|
|
61
72
|
### 試したこと
|
1
変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
|
|
41
41
|
.text {
|
|
42
42
|
position: relative;
|
|
43
|
-
color:
|
|
43
|
+
color:blue;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.image {
|