Autor Zpráva
AnnieTheCross
Profil *
http://wpsites.net/web-design/colored-numbered-circles-using-pure-css-html/

Mám <ul>, která má v <li> takovéhle číslování <p>1</p> v kroužku, jako v odkazu.... jak můžu udělat, aby když bude text delší (Např. prodloužím to "A grey circle with number") až na další řádek, aby se mi nezalomil pod to číslo, ale by v rovině s tím textem v prvním řádku?
Joker
Profil
Asi by to šlo udělat přes padding + záporný text-indent.
AnnieTheCross
Profil *
No ráda bych taky něco aby to podporovaly všechny prohlížeče :)


Ještě pro jistotu příklad - http://jsfiddle.net/bnams3d1/
Joker
Profil
Pokud vím, padding a text-indent jsou všeobecně podporované vlastnosti (nejspíš víc, než např. border-radius).

Ukázka, jak jsem to myslel já:
jsfiddle.net/bnams3d1/1
AnnieTheCross
Profil *
Aha, tak teď to chápu :) Jen se snažím vždycky předcházet záporným hodnotám....ale tohle vypadá dobře, díky moc :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0