Edit in JSFiddle

<h3>Incorrect Indentation:</h3>
<p style="margin-left: 10px">&nbsp;&nbsp;&bull; Bullet Point 1</p>
<p style="margin-left: 10px">&nbsp;&nbsp;&bull; Bullet Point 2</p>
<p style="margin-left: 10px">&nbsp;&nbsp;&bull; A really really long Bullet Point 3 that is designed to wrap around and around and around and around.</p>

<hr />

<h3>Proper Indentation:</h3>
<ul>
<li>Bullet Point 1</li>
<li>Bullet Point 2</li>
<li>A really really long Bullet Point 3 that is designed to wrap around and around and around and around.</li>
</ul>