Display a ul list bullet on the side of a div
<p>I have a list of divs with paragraphs inside each element. I would like to treat it as an unordered list and display a custom bullet on the left side of each div. However, I get the bullet on top of the divs. </p>

<p><a href="http://jsbin.com/mucanexatu/edit?html,css,output" rel="nofollow noreferrer">The fiddle</a> shows my problem and what I would like to see. </p>

<p>If this is not possible to achieve with this html structure, I would be glad to hear some other suggestions.</p>