Devi usare i fogli di stile, impostando margin e padding ai tag html che ti interessano.

Nel tuo caso per distanziare il contenuto dal bordo sinistro di 10px puoi scrivere <li style="padding-left:10px">

Sarebbe raccomandabile utilizzare un file .css esterno per gestire gli stili degli elementi, questo ti permetterebbe di impostare un'unica volta le caratteristiche delle tue liste invece di doverle inserire ogni volta nel codice delle tue pagine mediante style="". L'argomento però è un po' troppo generico e vasto, quindi ti rimando alle guide di questo sito sui fogli di stile.

EDIT
Vedo che usi già una classe css e forse quindi saprai già arrangiarti in qualche maniera..
(non c'entra molto, ma è proprio necessario inserire un div interno ad una lista interna ad un td? forse potresti riuscire a trovare una struttura più semplice e pulita.. scusa l'appunto e buon proseguimento).