css - 使列表标题 <div> 与 <ol> 列表一致显示

标签 css html html-lists anchor

谁能帮我改正这个:http://jsfiddle.net/ShgRr/以便 div 显示其内容与 ol 一致?

主要问题是右侧位置的 span 超出了 div。

我确实考虑过将 div 设为 li 项,但这显然是不符合语义的。

我想知道的其他事情 - 在 anchor 上使用负边距是否正确,这样它就覆盖了 li 元素符号并使整个链接可点击?

谢谢

最佳答案

为什么要使用 <div> ?如果将内容移动到新的 <li> 中,您的 CSS 将正常工作使用该类名称:http://jsfiddle.net/ShgRr/2/

我认为制作 <div>一个<li>完全没问题。 <table>元素同时包含表格标题和表格行,没有问题。

关于css - 使列表标题 <div> 与 <ol> 列表一致显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12719306/

相关文章:

html - 部分下划线(小时)

html - 未应用 CSS 样式 : Head First HTML Example

Javascript 秒表自动启动

jquery - 如何从多个 html 列表中的属性构建一个数组?

html - 如何对齐照片旁边的文字?

css - 如何为最少未使用的空间指定 CSS 网格列

javascript - 如何用jquery处理两个不相关的事件

javascript - 按数据属性对列表进行排序

css - 将 textarea 占位符文本放在底部