ul / li上的CSS没有响应

时间:2013-05-06 16:06:45

标签: css list html tabs html-lists

我添加了一个wordpress小部件来处理边栏上的3个标签,用于事件,博客和Twitter。

http://islands.kellykruschel.com/(右侧,我们的合作伙伴之上)。

我正在尝试制作宽度:95px和高度:45px

我已将宽度/高度放在li上,但没有任何响应。 ul将响应高度,但这对我没有多大帮助。

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

.style1 ul.tabbernav li {display: inline-block;}

或者,如果你喜欢花车:

.style1 ul.tabbernav li {float: left;}

看起来你想要别的东西。通常我不会修复人的布局,但我认为只是一次。添加以下样式:

.style1 ul.tabbernav li {
display: inline-block;
text-align: center;
line-height: 45px;
}

ul.tabbernav li {
height: auto;
}
.style1 ul.tabbernav li a, .style1 ul.tabbernav li.tabberactive a {
background-color: transparent
}
.style1 ul.tabbernav {
background: #095c87;
}

结果:

result of proposed code