css中ul用left对齐后没有高度,Ul Li最后一个元素没有正确对齐

我遇到了一个问题，ul中的最后一个li元素比其余所有元素都向左推进了更多。附加是一个屏幕截图和我的代码。Ul Li最后一个元素没有正确对齐

我尝试过使用最后一个子元素，但它在Safari或Chrome中无法使用。

#attending ul {

display: inline;

margin: 0 5px 0 0;

padding-left: 0px;

}

#attending ul li {

display: inline;

list-style-image:none;

padding: 5px;

}

#attending li:last-child {

margin-right:-4px;

}

建议？

--------------- EDITED ----------------

#attending {

width: 230px;

margin:0 13px 5px 12px;

float: left;

background-image: url(...);

background-repeat: no-repeat;

text-align:center;

height:360px;

overflow:hidden;

}

Who's Attending

Converge

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

+1

你还应该包含html。这应该很容易解决，但我们需要所有的代码来真正帮助。 –

2010-05-27 00:47:16

+0

在屏幕截图的帮助下，我很难将其视觉化。 '＃参加'是否有固定的宽度？每个图像是由单个“li”元素表示的吗？还是它的每一行图像？无论如何，请编辑并更新您的问题以包含一些相关的HTML。最好是从''到''(以及doctype)验证的副本'n'paste'n'runnable示例。 –

2010-05-27 00:47:59

+0

我不确定它是哪个doctype作为它的正在运行的wordpress。让我快速检查一下。 它在这里： XHTML 1.0 Transitional 我想我需要修改，以严格？没有？ –

2010-05-27 00:57:48