how do i align a li tag vertically?

Try wrapping all of your list items in a UL element:

 <div className="goals">
      <ul>
      <li>Collect 5 thousand subscribers</li>
      <li>Learn ReactJS </li>
      <li>{succes} Move to apartment</li>
      <li>Start speaking english fluently</li>
      </ul>
  </div>

Generally speaking you should always use a list tag to start and close any lists that you are using.

Take a look at this for further clarification: https://www.w3schools.com/html/html_lists.asp

It also may also depend on your CSS too so double check that as well.