Allineare il testo li che si avvolge quando si utilizza un punto elenco personalizzato

Question

Ho un problema minore e mi chiedevo se qualcuno potesse venire con un quickfix?

Il problema

Ho un ul di LIS che utilizza punti elenco personalizzato utilizzando li: before {content: ecc Sto cercando di ottenere le parole di allineare correttamente - si può vedere su il quarto elemento, quando le parole si spostano sulla riga successiva non iniziano sotto la parola ma sotto il punto.

correzioni Tentativo

• Pensando che si tratta di un problema di fare i proiettili usando li: prima, ho cercato altri modi, ma ...
  • non lo faccio voglio usare gli stili incorporati di proiettili li (sono brutti)
  • Ho provato ad usare lo stile dei proiettili impressionante, ma la stessa cosa succede (presumo usano anche il li: prima di metodo)
  • io non voglio spazio manualmente la seconda linea perché cambiare dimensioni del browser e che cosa non
• Uso del Li: prima di metodo che ho provato ad utilizzare posizionamento assoluto per spostare i proiettili a sinistra: 3px (come raccomandato in una domanda simile a StackOverflow), ma non hanno nemmeno funzionato.

Esempio

Clicca qui per vedere una demo del problema: http://jsfiddle.net/MS9Z9/

(di seguito il codice è abbreviato)

.panel-body ul li { 
    list-style-type:none; 
} 
.panel-body ul li:before { 
    content:"\27A8\00a0\00a0"; 
} 

soluzioni sarebbero grandi, ma anche le idee sono apprezzato, grazie!

Answer 1

Si può fare

http://jsfiddle.net/MS9Z9/7/

.panel-body ul li:before { 
    content: "➨ "; 
    left: 7px; 
    position: absolute; 
} 

.panel-body ul li { 
    border-bottom-style: solid; 
    border-color: #ccc; 
    list-style-type: none; 
    margin: 0; 
    padding: 0.5em 0.5em 0.5em 1.5em; 
    position: relative; 
} 

Posizionare il before contenuti assoluto, rendere il vostro li relativamente posizionato e si può regolare liberamente la pallottola personalizzato

Un'altra alternativa è solo a stare a galla il before contenuto lasciato http://jsfiddle.net/MS9Z9/12/

Answer 2

si potrebbe un LSO utilizzare display: table proprietà sul tag a, vedere

JSFiddle