html - 我怎样才能让这个

Question

我有 2 个水平对齐的 HTML <tables>用<h1>下。 <h1>虽然元素没有正确呈现；它出现在表格的右侧而不是表格下方。我怎样才能让它出现在 table 下面？

这是 JSFiddle:http://jsfiddle.net/w3LWC/1/

和供引用的 HTML:

<div class="horizontal-div-container">
    <div>
        <table>
            <tbody>
                <tr>
                    <th >Panel ID:</th><th>100721651</th>
                </tr>

                <tr>
                    <th >RFI Points:</th><th>0</th>
                </tr>
            </tbody>
        </table> 
    </div>

    <div>
        <table>
            <tbody>
                <tr>
                    <th >Panel ID:</th><th>100721651</th>
                </tr>

                <tr>
                    <th >RFI Points:</th><th>0</th>
                </tr>
            </tbody>
        </table> 
    </div>
</div>

<h1>PANEL CONFIGURATION</h1>

.horizontal-div-container div {
    clear: none;
    float: left;
    padding: 5px;
}    

Answer 1

您需要在您的 css 文件中再创建一个 css 标签，即 h1{clear:both}。您可以将此代码添加到您的 css 中，并将您的元素应用程序添加到表格下。