indentare <li> quando si una un iconfont come bullet point

[Mich_]

Anzitutto evita di usare tag deprecati (il tuo <i>): non sai mai come verranno interpretati dai vari browser.
Se proprio, dal punto di vista semantico dovresti usare uno <span>.

Comunque nel tuo caso non serve. Basta che metti l'immagine nello sfondo del <li> senza ripeterlo.
Poi devi settare anche un padding-left sufficiente per lascaire lo spazio dell'immagine (e questo risolve il problema di cui alla tua richiesta)

[liviasettantuno]

Anzitutto evita di usare tag deprecati (il tuo <i>): non sai mai come verranno interpretati dai vari browser.
Se proprio, dal punto di vista semantico dovresti usare uno <span>.

Comunque nel tuo caso non serve. Basta che metti l'immagine nello sfondo del <li> senza ripeterlo.
Poi devi settare anche un padding-left sufficiente per lascaire lo spazio dell'immagine (e questo risolve il problema di cui alla tua richiesta)

Innanzitutto grazie per la risposta Mich, però quello che tu mi rispondi non è in linea con la mia domanda.
Ok sul discorso del <i> anche se non avevo detto che sto lavorando con l'hml 5 e per quel che ne so è un tag che è stato riabilitato. Poi credevo che lavorando con le icon font non dovessi comportarmi come se avessi a che fare con un'immagine ma come un font. Però è proprio per questo che non so come comportarmi.

Se poi mi dici che la soluzione al mio cruccio si risolve solo inserendo un'immagine, allora vado ad a fare qual che mi dici!!
Grazie in anticipo

[micheleraponi]

credevo che lavorando con le icon font non dovessi comportarmi come se avessi a che fare con un'immagine ma come un font.

Dai un'occhiata qui: http://fortawesome.github.io/Font-Aw...examples/#list

[MAeSI]

@liviasettantuno

Ciao, se non hai ancora risolto, prova ad aggiungere un margin-left negativo alla classe icon-circle


Edit: scusa Mod, non ti ho letto