Nie mam pojęcia jak to zrobić , jednak jest to jedyny potrzebny mi styl , chodzi o to żebym zamiast cyfry mógł wstawić dowolny tekst (chodzi o lewą stronę paska).

[HTML] pobierz, plaintext 
<style>
#menu2 {
    width: 320px;
}
#menu2 ol {
    font-style: talic;
    font-family: Georgia, serif;
    font-size: 24px;
    color: #bfe1f1;
}
#menu2 ol li p {
    padding:8px;
    font-style: normal;
    font-family: Arial;
    font-size: 13px;
    color: #eee;
	text-align:left;
    border-left: 1px solid #999;
}
#menu2 ol li p em {
    display: block;
}
</style>
<div id="menu2">
   <ol>
      <li><p><em>Jeden</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li>
      <li><p><em>Dwa</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li>
      <li><p><em>Trzy</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li>
      <li><p><em>Cztery</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li>
   </ol>
</div>
[HTML] pobierz, plaintext 

Obrazkiem:
http://www.w3schools.com/cssref/pr_list-style.asp

Ewentualnie before-content:
http://www.w3schools.com/cssref/sel_before.asp

Bodajże od IE8+ przy doctype html 5

Co tam chcesz wstawić? Jeżeli jeden, dwa, trzy, cztery - to będzie problem.

Może nie jeden,dwa ale własny tekst powiedzmy Lider , Zastępca itd.
W zasadzie to nie musi tak wyglądać , chodzi mi jedynie o podkreślony/oddzielony nagłówek i tekst który będzie na środku strony , ale wyrównany do lewej (tak jak na obrazku , wyrównany do linii).
Mam zamiar wyróżnic pozycję , a pod nią będzie lista członków do niej przypisana.

#fate
Nie działa.

Jeżeli to ma być w obrębie jednej listy, to usuń numerowanie i użyć :before i content

[CSS] pobierz, plaintext 
li {
  list-style-type: none;
}
li:before {
  content: "Lider: ";
}
[CSS] pobierz, plaintext 

Próbowałem tak to zrobić , bo tak zaproponował kolega w 2gim poście.
Ale wynik ten sam :


Pozatym ja chcę unikalny tekst dla każdego bloku , a nie jeden i ten sam.
W tym co wyszło , powiedzmy żeby "Lider" był podkreślony i wyrównany do lewej , a tę linie po lewej zrobie niewidzialną to takie rozwiązanie też mnie satysfakcojnuje.

Zamiast szukać godzinami to: div + span + p + php (tablica i petla) i masz gotowe w 15 minut