html - How can I get this <h1> element to appear under the tables instead of to the right of it? -
i have html 2 horizontally aligned <tables>
<h1>
underneath. <h1>
element isn't rendering correctly though; it's appearing right of tables instead of under them. how can appear under tables?
this jsfiddle: http://jsfiddle.net/w3lwc/1/
and html reference:
<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; }
you need set clear: both
on h1 element:
.horizontal-div-container div { clear: none; float: left; padding: 5px; } h1{ clear: both; }
Comments
Post a Comment