How do I make a newline after a twitter bootstrap element?
===

I apologize because this seems like such a simple thing.

What's the correct way to insert a newline such that the next element is in a newline?  It seems like some things automatically do this (such as &lt;p&gt; within &lt;div&gt;) but I'm seeing a behavior where the next element can appear right next to the last element.

    <ul class="nav nav-tabs span2">
		<li><a href="./index.html"><i class="icon-black icon-music"></i></a></li>
		<li><a href="./about.html"><i class="icon-black icon-eye-open"></i></a></li>
		<li><a href="./team.html"><i class="icon-black icon-user"></i></a></li>
		<li><a href="./contact.html"><i class="icon-black icon-envelope"></i></a></li>
	</ul>
	<BR /> <!-- It seems dumb to need this!  Is this really how -->
	<BR /> <!-- to get a newline? -->
	<BR /> <!-- Well, it's what -->
	<BR /> <!-- I'm doing now, I suppose... -->
	<BR />
		
	<div class="well span6">
		<h3>I wish this appeared on the next line without having to gratuitously use BR!</h3>
    </div>


What is the correct or elegant way to handle newlines after things like "ul" or "div"?  Am I overlooking a general setup of the code that handles this?