html - 如何垂直和水平对齐另一个div中的div？

Question

如何垂直和水平对齐一个 div 内的另一个 div？

基本上，我正在尝试对齐 <div id="middle2">里面<div id="middle"> .

<div id="middle">
    <div id="middle2">
        <span id="sp1"class="ui-icon ui-icon-circle-triangle-w" style="float:left;"></span>
        <div class="middleContent"></div>
            <span id="sp2" class="ui-icon ui-icon-circle-triangle-e" style="float:left;"></span>
        </div>

这是我试过的 CSS:

.middleContent
{
    background-color: white;
    height: 22px;
    width: 90%;
    border: 1px solid #252C3E;
    float: left;
}
#middle2
{
    margin: auto;
}

Answer 1

http://phrogz.net/css/vertical-align/index.html所有关于该主题的文章中的文章。