回答編集履歴
1
完全に誤った回答をしていましたので削除しました。
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
|
+
完全に見落とししてた為、誤った回答をしてましたので削除しました。お目汚しごめんなさい。
|