Associare immagini alle voci di un elenco "li"

Salve, vorrei creare un elenco di nomi ad ognuno dei quali assocerei una piccola immagine. Sono neofita, non mi pare che possa impostare la cosa da css che non vedo. Potreste dirmi come farlo dal codice che viene evidenziato con la funzione "modifica" . Vorrei anche mettere il tag align=center per fare stare la lista al centro della pagina, non l'ho inserito in modo corretto e la lista resta a sinistra. Grazie anticipatamente

L'elenco è:

Codice HTML:

---

<p style='padding:10px'>
          <li><a href="#">Nome</a></li>
          <li><a href="#">Nome1</a></li>
          <li><a href="#">Nome2</a></li>
          <li><a href="#">Nome3</a></li>
          <li><a href="#">Nome4</a></li>
          <li><a href="#">Nome5</a></li>
          <li><a href="#">Nome6</a></li>
         
</p>

---