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:

http://jsfiddle.net/w3lwc/2/

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

Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -