使用边距自动无效的中心部分

Question

我有3个部分，1个是向左浮动，第二个是浮在同一条线上。我希望第三部分块在另一部分的中心下方。我可以向左或向右浮动它并在相反的一侧添加一堆边缘并且它可以工作，但必须有一种更有效的方式。保证金：左右自动将其粘贴到右侧。有关为什么不会居中的任何建议？感谢

http://jsfiddle.net/tkennedy/69rj6d7f/

#interests {
width: 90%;
border: thin solid #000000;
margin-left: auto;
margin-right: auto;
clear: right;

}

Answer 1

您已从float:right规则继承section。

使用float:none覆盖。

#interests {
width: 90%;
border: thin solid #000000;
margin-left: auto;
margin-right: auto;
clear: right;
float:none;
}