ヘルプが必要です：
私はたくさんのことを試みますが、何もうまくいきません。「SympanyHauptsitz」センターやNanKMのようなテキストを少し下向きにしたいです。
テキストから位置を変更するにはどうすればよいですか？
これが私の問題の写真です。
私はこのソースコードを持っていました：
ここに私のソースコード：
<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;
}