title: How to make a bullet list align with text in css?
body: <p><img src="https://i.stack.imgur.com/t6NZN.png" alt="enter image description here"></p>
  
  <p>The image demonstrates the problem. I want the bullet list to be aligned with the text, not indented.</p>
  
  <p>This must be modified in css i guess, because source is:</p>
  
  <pre><code>            &lt;p&gt;This is a test :)&lt;/p&gt;
  
  &lt;ul&gt;
  
  &lt;li&gt;Test1&lt;/li&gt;
  
  &lt;li&gt;Test2&lt;/li&gt;
  
  &lt;li&gt;Test3&lt;/li&gt;
  
  &lt;li&gt;Test4&lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;p&gt;&lt;strong&gt;Bla bla&lt;/strong&gt;&lt;/p&gt;
  
  &lt;p&gt;&lt;strong&gt;Dette er en test&lt;/strong&gt;&lt;/p&gt;
  
  &lt;p&gt;&lt;strong&gt;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;&lt;strong&gt;Dette er en test&lt;/strong&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
  
  &lt;p&gt;&lt;strong&gt;Dette er en test&lt;/strong&gt;&lt;/p&gt;
  
  &lt;p&gt;&lt;strong&gt;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;&lt;strong&gt;Dette er en test&lt;/strong&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
          &lt;/div&gt; 
  </code></pre>
  
  <p>So how can I remove the padding/margin from left in this bull list? I tried <code>margin: 0; padding: 0;</code> did not work out</p>