CSS div 包装器适用于除这些 div 标签之外的所有内容。为什么？答案

【问题标题】：CSS div wrapper works with everything except these div tags. Why?CSS div 包装器适用于除这些 div 标签之外的所有内容。为什么？
【发布时间】：2017-02-20 21:06:14
【问题描述】：

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

请查看：

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

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

我放了

float: left;

但这只是因为如果我不这样做，黑框就不会显示！？

【问题讨论】：

标签： html css

【解决方案1】：

试试这个：

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

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

【讨论】：

不客气。（如果您认为这是正确的答案，请接受它，以便其他人也可以从您的问题中受益）
只是一个快速的，当我将我的代码放入这个站点时：jsfiddle.net/GJMtC 鼠标悬停工作但是当我在 textedit 中编写它并在我的浏览器上查看它时它没有？它像一个小时前一样工作，但现在不行？
对不起，我没有及时看到这个问题，我总是在清理浏览器缓存，所以我总是失去我的会话。如果您想提出新问题，请在stackoverflow.com/questions/ask 中提出，以便每个人都可以看到并回答，这对您和社区都是最好的。我现在没有时间，所以我希望你已经弄清楚出了什么问题。

【解决方案2】：

将 with 添加到 .center

.center {width:400px;}

或者你不能用text-align居中div的其他宽度

【讨论】：

【解决方案3】：

我不太理解你的意思，但我认为这可能是因为没有一个包装元素来容纳两个 div - http://jsfiddle.net/djsbaker/T5rBU/4/

您是否想要导航旁边或上方/下方的黑框？

【讨论】：