【問題】inline-boxの隙間について

問題

inline-boxを指定して要素を横並びにしたときに発生する隙間をうめる方法を説明して下さい。

隙間のある要素のイメージ図

コード

html

<ul>
    <li class='inline-box-test'>要素1</li>
    <li class='inline-box-test'>要素2</li>
    <li class='inline-box-test'>要素3</li>
</ul>

css

.inline-box-test {
  display: inline-block;
  font-size: 24px;
  border-bottom:1px solid red;
}

回答

【回答】inline-boxの隙間について - 迷い人