Unordered List Help! Need a solution to this
<p>How can I remove the bullet and extra space before <code>li</code>.</p>

<p><img src="https://i.stack.imgur.com/uaVIc.png" alt="this (image of the issue)"></p>

<p>I have tried <code>list-style: none</code>, but this just removed the bullet and the extra space still remains. Here is the <a href="https://jsfiddle.net/tLrp60fy/1/" rel="nofollow noreferrer">jsFiddle</a>.</p>

<p><strong>I would like something like this.</strong></p>

<p><img src="https://i.stack.imgur.com/I7b3D.png" alt="this (image of expected result)">. </p>