CSS div包装器可以处理除了这些div标签之外的所有内容。为什么？

Question

我使用了一个包装器来居中div标签，它适用于除链接中的css之外的所有内容

请查看：

http://jsfiddle.net/T5rBU/3/

正如您所见，带有文字的粉红色框位于中间，但黑框不是。

我已经把

float: left;

但这只是因为如果我没有黑盒子没有显示！？

Answer 1

试试这个：

.center div {
     display:inline-block;   
     text-align:center;   
}

接缝工作： http://jsfiddle.net/u3ggV/

Answer 2

将.with添加到.center

.center {width:400px;}

或您不能以text-align

为中心的另一个宽度

Answer 3

我并不完全遵循你的意思，但我认为可能没有包装元素来保存两个div - http://jsfiddle.net/djsbaker/T5rBU/4/

您想要导航旁边或上方/下方的黑匣子吗？