title: How do I make a bullet point list left-align, but be indented depending on the screen width?
body: <p>I essentially want to do the following:</p>
  
  <pre><code>&lt;h2 style="width:70%"&gt;
      &lt;ul&gt;
         &lt;li&gt;  Hi &lt;/li&gt;
      &lt;/ul&gt;
   &lt;/h2&gt;
  </code></pre>
  
  <p>Unfortunately, the bullet point does not shift to 70% of the screen width. If I use the  tag outside then it does as follows, however then the content of the bullet point remains centered as well. I want it left aligned. Thanks!</p>
  
  <p>Thanks in advance!</p>