html - CSS 显示 :Inline-Block Pairs

Question

我需要一个 CSS only 解决方案来制作成对的 <a>标签内联，但不是全部连续。例如，在这个 JSFiddle http://jsfiddle.net/vLakfsLv/ 中, 我想要两排两个黑色方 block 。

<div>
    <a></a>
    <a></a>
    <a></a>
    <a></a>
</div>

a{
    width:100px;
    height:100px;
    display:inline-block;
    margin-right:20px;
    background-color:black;
}

显然你可以通过包装 <a> 来做到这一点带有 <div> 的标签s 但我需要 CSS hack。我无法编辑 HTML。

编辑:

请不要使用 width 完成此操作因为width不断变化。

Answer 1

为什么不显示:block 和 float:left 到 <a>和一个明确的:留给正确的第 n 个 child ？

(你没有说你需要 IE* 支持)