２つのアイコンを横に並べるには？
２つのアイコンを横に並べるには？
初学者です。
丸いアイコンを横に２つ並べたいです。
CSSのdisplayは、blockにすると、上下左右のpaddingもmarginも指定できるが、改行されて縦に並ぶと学びました。
どのように横に並べたらよいでしょうか？
displayを、inline-blockにすると、横に並び、かつ上下左右のpaddingとmarginを指定できると知りました。この方法がベストなのでしょうか？
それ以外に方法はありますか？
解決方法を教えて下さい。
該当するソースコード
<ul>
<li><span class="taga">あ</span></li>
<li><span class="tagi">い</span></li>
</ul>
```css
.taga {
background-color: red;
color: white;
display: block;
border-radius: 30px;
}
.tagi {
background-color: black;
color: white;
display: block;
border-radius: 30px;
}
0
