title: How to align a li tag vertically
body: <p>How i can align to center my &quot;li&quot; tag?</p>
  <pre><code>    const succes = &lt;a href=&quot;#&quot; className='succes'&gt;✓&lt;/a&gt;
      const fail = &lt;a href=&quot;#&quot; className=&quot;fail&quot;&gt;&lt;/a&gt;
     
  
     &lt;div className=&quot;goals&quot;&gt;
        &lt;li&gt;Collect 5 thousand subscribers&lt;/li&gt;
        &lt;li&gt;Learn ReactJS &lt;/li&gt;
        &lt;li&gt;{succes} Move to apartment&lt;/li&gt;
        &lt;li&gt;Start speaking english fluently&lt;/li&gt;
    &lt;/div&gt;
  </code></pre>
  <p>I need something like this
  <a href="https://imgur.com/S3HVo0h" rel="nofollow noreferrer">https://imgur.com/S3HVo0h</a></p>