html - 以动态高度/宽度居中 Div

Question

我建立了一个小网站，当点击我的导航部分中的链接时，我通过 ajax 和 jquery 加载内容。内容被加载到名为“content”的 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;
}