teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Html 要素を横並びにしたい。

編集履歴

質問編集履歴

4

変更: クラス名

2020/05/01 01:18

投稿

BetterEveryday
BetterEveryday

スコア19

title CHANGED
File without changes
body CHANGED
@@ -17,7 +17,7 @@
17
17
  <section id="main">
18
18
  <div class="section">
19
19
  <!--01-->
20
- <div class="factory_about_ac" id="ac01">
20
+ <div class="ac" id="ac01">
21
21
  <div class="ac_title">
22
22
  <a href="#" class="noscroll">
23
23
  <div class="txt">
@@ -28,7 +28,7 @@
28
28
  </div>
29
29
  </div>
30
30
  <!--02-->
31
- <div class="factory_about_ac" id="ac02">
31
+ <div class="ac" id="ac02">
32
32
  <div class="ac_title">
33
33
  <a href="#" class="noscroll">
34
34
  <div class="txt">
@@ -39,7 +39,7 @@
39
39
  </div>
40
40
  </div>
41
41
  <!--03-->
42
- <div class="factory_about_ac" id="ac03">
42
+ <div class="ac" id="ac03">
43
43
  <div class="ac_title">
44
44
  <a href="#" class="noscroll">
45
45
  <div class="txt">
@@ -51,7 +51,7 @@
51
51
  </div>
52
52
 
53
53
  <!--04-->
54
- <div class="factory_about_ac" id="ac04">
54
+ <div class="ac" id="ac04">
55
55
  <div class="ac_title">
56
56
  <a href="#" class="noscroll">
57
57
  <div class="txt">
@@ -239,11 +239,11 @@
239
239
  /* CSS Document */
240
240
 
241
241
  /* ===============================
242
- factory_about
242
+ ac
243
243
  =================================*/
244
- .factory_about_ac { position:relative; }
244
+ .ac { position:relative; }
245
- .factory_about_ac + .factory_about_ac { margin-top:24px; }
245
+ .ac + .ac { margin-top:24px; }
246
- .factory_about_ac#ac05:after { content:none; }
246
+ .ac#ac05:after { content:none; }
247
247
  .ac_title a { display:flex; min-height:180px; background:#eeeded; color:#000; }
248
248
  .ac_title .txt { width:65%; padding:30px 30px 30px 130px; position:relative; }
249
249
  .ac_title .txt .num { color:#d5001e; font-size:30px; font-weight:700; letter-spacing:0.1em; position:absolute; top:31px; left:30px; }

3

削除: 「]」

2020/05/01 01:18

投稿

BetterEveryday
BetterEveryday

スコア19

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  ### 発生している問題
5
5
  div 要素が縦に並んでしまう。
6
- ![![イメージ説明](25737af6a397627b9dcd7e27fdb41e0a.png)]
6
+ ![イメージ説明](25737af6a397627b9dcd7e27fdb41e0a.png)
7
7
 
8
8
  ```
9
9
  サイズの問題なのでしょうか?

2

修正: ずれ

2020/05/01 01:15

投稿

BetterEveryday
BetterEveryday

スコア19

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,9 @@
3
3
 
4
4
  ### 発生している問題
5
5
  div 要素が縦に並んでしまう。
6
- ![![イメージ説明](25737af6a397627b9dcd7e27fdb41e0a.png)]```
6
+ ![![イメージ説明](25737af6a397627b9dcd7e27fdb41e0a.png)]
7
+
8
+ ```
7
9
  サイズの問題なのでしょうか?
8
10
  ```
9
11
 

1

削除: 画像ファイル名

2020/05/01 01:13

投稿

BetterEveryday
BetterEveryday

スコア19

title CHANGED
File without changes
body CHANGED
@@ -3,8 +3,7 @@
3
3
 
4
4
  ### 発生している問題
5
5
  div 要素が縦に並んでしまう。
6
- ![![イメージ説明](25737af6a397627b9dcd7e27fdb41e0a.png)](cf92d8883d7d6b84cfed2d9d3c8975cc.png)
6
+ ![![イメージ説明](25737af6a397627b9dcd7e27fdb41e0a.png)]```
7
- ```
8
7
  サイズの問題なのでしょうか?
9
8
  ```
10
9