[HTML][CSS]Koło i napis w środku Opcje

[senior.pol]

Witam,

Chcę, zrobić koło, a w nim tekst np. "1".

Krótki zapis kodu:

[HTML] pobierz, plaintext 
<ul class="xxx">
        <li><i class="nr">1</i> Jakiś tam tekst.</li>
</ul>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.xxx li i.nr {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
}
[CSS] pobierz, plaintext 

Próbowałej już kombinować, ale na razie bez efektów. Proszę o pomoc w rozwiązaniu problemu.

Ten post edytował senior.pol 15.01.2014, 22:28:41

[Crozin]

1. display: inline-block; by móc nadać wysokość i szerokość elementowi.
2. line-height: [100% wysokości]px; text-align: center; by wycentrować tekst w elemencie;
3. border-radius: 50%; by uzyskać kształt koła.
4. Jakieś tło.