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

質問編集履歴

2

必要事項の修正

2021/03/24 06:54

投稿

shouwuh
shouwuh

スコア3

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 前提・実現したいこと
2
2
  プログラミングを勉強していて、あるサイトの写しをしています。
3
- 要素を横並びにしたいんですが一つだけ横並びにならず場所が固定されてしまっている。
3
+ class="life-style" class="chapteritem-one" class="chapteritem-two"この三つの要素を横並びにしたいんですがclass="life-style"の一つだけ横並びにならず場所が固定されてしまっている。
4
4
  レスポンシブデザインとしてモバイルサイズでは縦並びにさせたい
5
5
 
6
6
 
@@ -14,7 +14,7 @@
14
14
  ```HTML
15
15
  <div class="all-two">
16
16
  <div data-reactroot>
17
- <div class="container-two">
17
+ <div class="container-two">---
18
18
  <div class="life-style">ホスティングで実現する、自分らしいライフスタイル</div>
19
19
  <div class="hosting-chapter">
20
20
  <div class="chapteritem-one">
@@ -36,6 +36,9 @@
36
36
  <div></div>
37
37
  </div>
38
38
  </div>
39
+ ```
40
+
41
+
39
42
  ```CSS
40
43
  .all-two {
41
44
  width: 100%;
@@ -178,7 +181,6 @@
178
181
  outline: none;
179
182
  }
180
183
  ```
181
-
182
184
  ### 試したこと
183
185
 
184
186
  flexやcolumnなどを試したのですができません。

1

必要事項の追加

2021/03/24 06:54

投稿

shouwuh
shouwuh

スコア3

title CHANGED
@@ -1,1 +1,1 @@
1
- 要素を横並びにさせたいができない
1
+ 要素を縦または横並びにさせたい
body CHANGED
@@ -1,8 +1,9 @@
1
1
  ### 前提・実現したいこと
2
+ プログラミングを勉強していて、あるサイトの写しをしています。
2
3
  要素を横並びにしたいんですが一つだけ横並びにならず場所が固定されてしまっている。
4
+ レスポンシブデザインとしてモバイルサイズでは縦並びにさせたい
3
5
 
4
6
 
5
-
6
7
  ### 発生している問題・エラーメッセージ
7
8
 
8
9
  ```