以动态高度/宽度为中心

Question

我建立了一个小网站，当我点击导航部分中的链接时，我通过ajax和jquery加载内容。内容被加载到名为“内容”的div中。现在我想把这个div放在中心，一切都在我的页面中间。我知道如何使用margin: 0 auto;执行此操作，但这只适用于设置宽度的情况。

这是我想要居中的div：

<!--CONTENT-->
<div id="container" class="content"></div>

这是我的jsfiddle：http://jsfiddle.net/8qnh5/

此外，注销按钮应显示在我的页脚的左侧。我怎样才能做到这一点？

<!-- LOGOUT BUTTON -->
<a href="" style="text-decoration:none;">
   <button class="button-logout" name="Ausloggen">Logout</button>
</a>

提前致谢!!

Answer 1

尝试：

.content {
    padding: 2em 5%;
    margin: 0 auto;
    text-align:center;
}