I have a list of links that are displayed inline. I want the last li to be positioned centered of the inline list above it. How can I do this with css?

The reason for this is, when the web page is used in mobile it can't fit the entire list, so I want to move it below.

```
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Last Item</li>
 </ul>

```