背景画像を箇条書きにした順不同のリストを作成しようとしています。画像の高さは80pxなので、インラインの高さを80xに定義しました。問題は、私の弾丸のいくつかが長すぎて2行目に行くことです。この2行目を元の80pxに合わせたいと思います。これを行うには、1本の線が画像の垂直方向に中央に配置されている弾丸と、2本の線が画像の垂直方向に中央に配置されている弾丸がある場合、各弾丸の行は、量に関係なく正確に80ピクセルになります。行。
これが私の現在のコードです:
<ul id="star-wars">
<li id="one">blablabla</li>
<li id="two">blablavla</li>
</ul>
#star-wars
{
margin-left: 0;
padding-left: 0;
list-style: none;
font-size: 18px;
list-style-position:inside;
}
#star-wars li
{
background-image: url(images/star-wars-icons/Han-Solo-02-icon.png);
padding-left: 100px;
background-repeat: no-repeat;
line-height: 80px;
}