UL / LI Text in der Mitte darstellen

[KingGO]

UL / LI Text in der Mitte darstellen

Hallo,

Ich möchte wie unten auf dem Bild schon zu sehen ist. das <li> Mittig zum vorderen Icon angezeigt wird.

mein CSS Source

Code:

ul {
    padding-left: 23px;
}

li{
    list-style-image: url('images/website/icons/blog_title_icon.png');
}

@ Pattex, Thumbnails haben eine sehr schlechte quallität seit Serverwechsel bitte Problem fixxen

EDIT: Ich habe es hinbekommen nun sieht das ganze so aus. siehe Bild 2.

gemacht habe ich folgendes...

Im HTML Code dieses...

Code:

<ul>
     <li>
      <img src="inc/images/website/icons/blog_title_icon_multimediaes.png" width="16" height="16" alt="Media" title="Media" style="float: left;"/> &nbsp;
      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">I am Legend</a>
     </li>
     <li>
      <img src="inc/images/website/icons/blog_title_icon_fund.png" width="16" height="16" alt="Fundstück" title="Fundstück" style="float: left;"/> &nbsp;
      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Fundstück des Monats Januar/2008</a>
     </li>
     <li>
      <img src="inc/images/website/icons/blog_title_icon_sonstiges.png" width="16" height="16" alt="Sonstiges" title="Sonstiges" style="float: left;"/> &nbsp;
      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Über Gott und die Welt</a>
     </li>
     <li>
      <img src="inc/images/website/icons/blog_title_icon_musik.png" width="16" height="16" alt="Musik" title="Musik" style="float: left;"/> &nbsp;
      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Neuste Hit von Deepforces</a>
     </li>
     <li>
      <img src="inc/images/website/icons/blog_title_icon_news.png" width="16" height="16" alt="News" title="News" style="float: left;"/> &nbsp;
      <a href="#" title="0 Kommentare, erstellt am 20.01.2008">Netcode im neuen Design</a>
     </li>    
    </ul>

Und in der CSS

Code:

#content li{
    list-style-image: none;
    list-style-type: none;
    height: 22px;
}