HTML水平有序列表使用编号
-
16-09-2019 - |
题
我使用的是有序列表,以获得编号,当列表是垂直的,其工作完全正常。然而,一旦予使其水平,编号消失。
在李CSS的显示属性似乎是罪魁祸首。
CSS和HTML:
#QuickSteps {
width:723px;
height:75px;
border:solid 2px #b9c7d9;
background-color:#e5ecf2;
}
#QuickSteps h2{
padding-top:2px;
padding-left:7px;
}
#QuickSteps ol{
color:#003366;
}
#QuickSteps li {
display:inline;
}
#QuickSteps li.selected{
font-weight:bold;
}
<div id="QuickSteps">
<h2>5 Quick Steps</h2>
<ol>
<li class="selected">Account Info ></li>
<li>About Me ></li>
<li>Preferences ></li>
<li>Habits ></li>
<li>Your Avatar</li>
</ol>
</div>
解决方案
相反内嵌显示它们,可以漂浮他们
#QuickSteps li {
float:left;
margin-left:50px;
}
好运...
不隶属于 StackOverflow