Panos
asked on
Centering elements in li tags
Hello experts
I have list of elements and i use this for "steps" function.
I need help to center the I, II, III, a.s.o. in the list too.
Any help?
I have list of elements and i use this for "steps" function.
I need help to center the I, II, III, a.s.o. in the list too.
Any help?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Untitled Document
</title>
<style type="text/css">
#steps{ list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:22px; float:left; padding:10px; color:#b0b1b3;}
#steps li.first {float:left; padding-left:0px !important; color:#b0b1b3;}
#steps li span {display:block;font-size:14px;}
#steps li.current { color:#8F7861;}
</style>
</head>
<body>
<ul id="steps">
<li class="first" id="stepDesc1">
I
<span>
Blablablabla
</span>
</li>
<li class="" id="stepDesc2">
II
<span>
Blablablabla
</span>
</li>
<li class="" id="stepDesc3">
III
<span>
Blablablabla
</span>
</li>
<li class="current" id="stepDesc4">
IV
<span>
Blablaa
</span>
</li>
<li class="" id="stepDesc5">
V
<span>
Blablablabla
</span>
</li>
<li class="" id="stepDesc6">
VI
<span>
Blablablablabla
</span>
</li>
</ul>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you for your help.