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

質問編集履歴

3

画像修正しました

2021/06/09 05:58

投稿

yuri1333
yuri1333

スコア2

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,6 @@
1
1
  擬似要素を使って、Q&Aを作成しています。
2
- アイコン(丸オレンジA)の下に文字が割りこんでしまっていて、この要素を下に潜り込まないCSSを作りたいのですが方法が思いつきません。どなたか知恵をお貸しいただけないでしょうか。
2
+ アイコンの下に文字が割りこんでしまっていて、この要素を下に潜り込まないCSSを作りたいのですが方法が思いつきません。どなたか知恵をお貸しいただけないでしょうか。
3
3
 
4
- ![イメージ説明](a9108bcd5dbf0d6047658022147f4855.png)
5
- ![イメージ説明](b3e14b7fa5d5b36e4067ccff15c5760c.png)
6
4
 
7
5
  ```HTML
8
6
  <li class="item">

2

全体の画像について載せました

2021/06/09 05:58

投稿

yuri1333
yuri1333

スコア2

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,7 @@
2
2
  アイコン(丸オレンジA)の下に文字が割りこんでしまっていて、この要素を下に潜り込まないCSSを作りたいのですが方法が思いつきません。どなたか知恵をお貸しいただけないでしょうか。
3
3
 
4
4
  ![イメージ説明](a9108bcd5dbf0d6047658022147f4855.png)
5
+ ![イメージ説明](b3e14b7fa5d5b36e4067ccff15c5760c.png)
5
6
 
6
7
  ```HTML
7
8
  <li class="item">

1

記述が間違っていたので変更しました

2021/06/09 03:59

投稿

yuri1333
yuri1333

スコア2

title CHANGED
File without changes
body CHANGED
@@ -27,7 +27,7 @@
27
27
  background-size: 45px;
28
28
  width: 55px;
29
29
  height: 45px;
30
- display: inline-flex;
30
+ display: inline-block;
31
31
  vertical-align: middle;
32
32
  }
33
33