teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

変更

2021/12/20 08:39

投稿

退会済みユーザー
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

変更

2021/12/20 08:39

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  .text {
42
42
  position: relative;
43
- color:#583226;
43
+ color:blue;
44
44
  }
45
45
 
46
46
  .image {