如何将儿童DIV与中心（不是中间）对齐？

Question

我花了一天的时间寻找一种方法让我的孩子DIV与其父母保持一致，但我的所有研究都显示出相同的结果。

这是我第一次创建网页。

！http://i.imgur.com/xpUsMzU.png＆lt; ==结果

https://jsfiddle.net/backspaced/6uy56hw4/＆lt; ==代码

._header0 {
position: relative ;
white-space: nowrap ;
overflow: hidden ;
text-align: center ;
width: 100% ;

Answer 1

如果你试图将任何div放在另一个div容器中，你可以给inner-div提供以下CSS：

display:inline-block;

然后给外部div提供以下CSS：

text-align:center;

JSFiddle示例减去多余的标记和样式以便于理解。

JSFiddle