CSS：将父div中的子div居中

Question

对于如何在'div.footer-widgets .widget.widget_text'中居中内容，是否有任何人有任何建议，子div是'div.widget-wrap'。这是一个图像链接，显示我浏览器在本地主机上的区域：http://postimg.org/image/pr7x4cyk9/

div.footer-widgets .widget.widget_text {
height: 250px;
}

.widget.widget_text input#subbutton {
width:200px;
}

如果我应该提供任何进一步的信息，请告诉我，谢谢。

Answer 1

试试这个：

.widget.widget_text input#subbutton {
    width:200px;
    margin:0 auto;
    display:block;
    position:static;
}

Answer 2

如果您不需要明确的高度，可以使用填充（顶部和底部）自动居中div的内容，例如this fiddle。

（改名为divs让我更容易，抱歉）

#inner {
    width: 266px;
    text-align: center;
    padding: 40px 15px;
}