文字在CSS列表中的项目符号下 [英] text is wrapping under bullet in css list

问题描述

我正在尝试获取此列表中的所有文本，以使其与项目符号对齐.但是，该文本环绕在项目符号图像下.尝试更改a和li以及nowrap上的填充/边距，但这只是使其突出显示在右侧边框上.项目符号是新闻下的WBI徽标: http://circore.com/womensbasketball/有什么想法吗?谢谢！

I'm trying to get all the text in this list to be flush against the bullet. However, the text is wrapping under the bullet image. Tried changing the padding/margin on the a and li and also nowrap, but that just make it stick out over the right border. The bullets are the WBI logos under News: http://circore.com/womensbasketball/ Any ideas? thanks!

推荐答案

我是使用firefox在您的网站上完成此操作的，

I did this on your site with firefox and it works

#menu-news li:first-of-type {
    border-top: medium none;
    height: 55px;
    list-style-position: inside;
    margin-left: 8px;
    margin-right: 15px;
    padding: 10px 10px 10px 66px;
    vertical-align: top;
}

#menu-news li {
    background: url("images/wbismall.png") no-repeat scroll 0 0 transparent;
    border-top: 1px solid #666666;
    height: 55px;
    list-style-position: inside;
    margin-left: 10px;
    margin-right: 15px;
    padding: 10px 10px 10px 66px;
}

这篇关于文字在CSS列表中的项目符号下的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！