Can't center these li items inside the ul element

Question

I can't center these list items at the bottom of the html inside my ul.

I tried different solutions from stackoverflow but they didn't work.

Here is the jsfiddle: https://jsfiddle.net/dL53az17/

<ul>
      <li><strong>10k+</strong> <span>companies</span></li>
      <li><strong>314</strong> <span>templates</span></li>
      <li><strong>12M+</strong> <span>queries</span></li>
</ul>