Tengo una lista ordenada con imagenes en lugar de la tipica flechita o puntito, el caso es que se pega mucho el texto a la imagen y no hay manera de separarlo, he probado con margin, paddin,....y no hace caso ...me deplaza todo el conjunto (imagen y texto)....alguien me puede decir como separar el texto de la imagen en una lista?
<ul>
<li><img src="btn1mini.jpg" />Pagina 1</li>
<li><img src="btn2mini.jpg" />Pagina 2</li>
<li><img src="btn3mini.jpg" />Pagina 3</li>
</ul>
Gracias.