css - Quick html markup issue -

i trying quick markup page.

i want have title shown next line of <nav> tag instead of right next it. how do it?

html :

<nav>     <ui>          <li>item1</li>         <li>item2</li>         <li>item3</li>     </ui> </nav>  <section id='title'>     <div>title 1</div>     <div>texts here....</div> </section> 

css :

nav {        background-color: black;     text-align: center; } nav ui li{     list-style: none;     font:bold .6em arial;     float: left;     margin: .3em;     padding: 1.3em;     background-color: #a8a8a8; } 

the title , texts here... right next menu want them under menu. how do this?

you should upload code http://www.jsfiddle.net when asking questions this...

anyhow, there several alternatives.

for example: give nav or #title section, clear: both attribute:

#title {     clear: both; } 

for academics of it, other people said on page, if there other floating elements right of #title section, following code fit better:

#title {     clear: left; }