li前面的原点和文字不对齐

li标签中有一个 a标签和span标签，我将a设置了display: inline-block 之后出现了下面的情况：

li的原点和a标签的文字不对齐。
html代码如下：

<li>
  <a target="_blank" href="#">如何解决何解决何解决何解决何解决我国城市停车场悖</a>
  <span>10-28</span>
</li>

css如下：
li的样式

font-size: 8px;
line-height: 23px;
list-style-type: disc;
text-align: left;

a的样式：

li a {

color: #000;
display: inline-block;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 75%;

}

li span {

color: #000;
float: right;
font-size: 12px;

}