Hai messo un allineamento a sinistra:
Codice HTML:
<hr style="float:left; background-color: #786E77; border:none; width:1000px; height:2px; margin-left:8%;">
Al posto di float:left; prova a mettere clear:both; e vedrai che "prova" sarà stampata a sinistra...
Poi ovviamente a questo:
Codice HTML:
<div style="float: left; margin-top: 100px;">
Prova
</div>
dai un po' di margin-left.
prova con un grande <br />!
Il tag br viene utilizzato all'interno di un paragrafo per mandare a capo un testo e non per dare spazio tra due elementi.