Bit of css help please ( ol li stuff ) -



Bit of css help please ( ol li stuff ) -

so doing custom ol li list, , confused shortcuts css wise ol , ul , li stuff.

if tell want, , provide sample code help please.

ok after numbered list so...

<ol> <li>dave jones<span class="searchtotals">189 searches</span></li> <li>debs<span class="searchtotals">34 searches</span></li> <li>tarbutt<span class="searchtotals">211 searches</span></li> </ol>

what want not repeat span class within li element, perhaps help.

also wanted number style each li.

in far set circle around each number..

here css numbers.

background: none repeat scroll 0 0 #ec008c; border-radius: 1em 1em 1em 1em; color: #ffffff; display: inline-block; float: right; font-family: inherit; font-size: 10px; font-weight: bold; line-height: 1em; margin-left: 0.5em; padding: 0.35em 0.5em; text-align: center; text-decoration: none;

here css span class.

float:right; color:#3399ff;

trying this:

if looking float text in div left without using span tags can utilize this: (can't select part of text css)

ol li { float:left; color:#3399ff; }

if want have numbers circles around them li, you're going have utilize images , utilize background:url() property.

css

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -