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

回答編集履歴

1

完全に誤った回答をしていましたので削除しました。

2019/06/30 07:05

投稿

mari.rinn
mari.rinn

スコア296

answer CHANGED
@@ -1,35 +1,1 @@
1
- 横並びに出来ないli要素というのはこの部分でしょうか?
2
-
3
- ```html
4
- <ul class="icon">
5
- <li><i class="far fa-envelope fa-3x"></i></li>
6
- <h2>簡単に使える</h2>
7
- <p>ギフトカードはメールで届きます。Airbnbアカウントへのギフト登録も超かんたん。</p>
8
- </ul>
9
- <ul class="icon">
10
- <li> <i class="fas fa-stopwatch fa-3x"></i></li>
11
- <h2>有効期限なし</h2>
12
- <p>Airbnbギフトカードは無期限。だから友達も時間をかけて旅をプランできます。</p>
13
- </ul>
14
- <ul class="icon">
15
- <li> <i class="fas fa-globe fa-3x"></i></li>
16
- <h2>忘れられない旅</h2>
17
- <p>お家は100万件以上あるので、ずっと住みたいと憧れていた街の暮らしも叶います。</p>
18
- </ul>
19
-
20
- ```
21
-
22
- だとするとcssは
23
- ```css
24
- .container-bottom li {
25
- float: left;
26
- }
27
- ```
28
- と書かれてる所だと思いますが、これを
29
-
30
- ```css
31
- ul.icon li{
32
- float: left;
33
- }
34
- ```
35
- としてみて下さい。(違ってる所だっごめんなさい)
1
+ 完全に見落とした為、誤た回答をしましので削除しました。お目汚しごめんなさい