I'm trying to make a binary tree using unordered lists. The html would look like so:

Code:
<ul>
<li>Node A
	<ul>
	 <li>Node B
		<ul>
		 <li>Node D</li>
		 <li>Node E</li>
		</ul>
	 </li>
	 <li>Node C
		<ul>
		 <li>Node F
			<ul>
			 <li>Node H</li>
			 <li>Node I</li>
			</ul>
		 </li>
		 <li>Node G</li>
		</ul>
	 </li>
	</ul>
</li>
</ul>
I want it to display as follows (lines would be nice but that is optional) with the tree centred in the page. I don't care if I end up getting horizontal scrollbars.


The tree will grow when more data is added so I'm also wondering if using a ul is the best way to go about it. Is there better way to display my binary tree data?

Thanks