Listcontent的自定义对齐问题

Question

我需要帮助：

我尝试了很多东西，但没有什么效果很好。我希望得到像＆＃34; Sympany Hauptsitz＆＃34;中锋和南KM有点下行。

如何更改文字中的位置？

这是我的问题图片。

我有这个源代码：

这是我的源代码：

<section id="listview">
<ul class="liste">

</ul>
</section>

<script>
//laden der json datei und befüllen der Tabelle
$.getJSON('faddress.json', function(json){
var erg = json;
$.each(json, function(i, daten){
//Kartenausschnitt
var ausschnitt = 'http://maps.googleapis.com/maps/api/staticmap?size=50x50&markers=color:blue|size:tiny|'+daten.Position.Latitude+','+daten.Position.Longitude+'&sensor=true';

$('#listview').find('ul.liste').append('<li><img src="'+ausschnitt+'">'+ i +'<span>'+ entfernungBerechnen(mylongitude,mylatitude,daten.Position.Longitude,daten.Position.Latitude )+'</span></li>');
});
});
</script>

这个Sytelsheet：

ul.liste {
padding: 0;
margin: 9px;
list-style: none;
border: 1px solid #a1a7ad;
border-radius: 8px;

font-weight: bold;
box-shadow: 0 1px 0 #fff;
}

ul.liste li {
background: #f7f7f7;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #cacaca;
padding: 5px 10px;
line-height: 30px;
font-size:12px;
height: 50px;
}

ul.liste li:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-color: #e5e5e5;
}

ul.liste li:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

ul.liste li span {
float: right;
display: block;
color: #999;
font-weight: normal;
}

Answer 1

样式列表的第一条规则：

在display:block - 代码上使用A并将所有非定位样式放在A标记上，而不是LI。

对于LI，仅使用：display: position:和float:，其余部分使用A.