L'inline porta in genere piu` problemi di quanti ne risolva: in linea di massima per affiancare due o piu` oggetti di tipo blocco si usa il float:left;

Per stampare il numero in modo diverso dal testo, credo che occorra della marcatura supplementare:
codice:
  1. <span>ciao</span>
  2. <span>salve</span>
  3. <span>saluti</span>
Cui applicherai il CSS (e` solo una bozza minima)
codice:
ul {
  ...
}
ul:after {
  clear: left;
  width: 100%;
  ... vedi [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float ...
}
li {
  float: left;
  font-weight: bold;
  color: ...;
  margin: ...;
}
li span {
  font-weight: normal;
  color: ...;
}