title: R Markdown slides with reveal.js: How to left align list items (bullets and numbers)?
body: <p>How can I <strong>align the list items at the left page margin of the slide</strong>?</p>
  
  <p>It seems that <code>revealjs</code> is always using the longest list item text, centers it at the slide then left aligns all other list items under this one:</p>
  
  <pre><code>---
  title:
  output: 
          revealjs::revealjs_presentation
  ---
  
  ## list items
  * a
  * picture
  * says more
  * than a thousand words
  
  or
  
  1. item 1
  1. item 2
  </code></pre>
  
  <p>I have tried to embed a CSS style sheet after the slide header, but
  it has no impact:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
    .reveal li {
      text-align: left;
    }
  &lt;/style&gt;
  </code></pre>
  
  <p>PS: I am using RStudio with the <code>revealjs</code> package.</p>