CSS3 可以讓 li 元素垂直居中。使用 CSS3 的 transform 屬性和 display: inline-block 屬性，可以輕松地將 li 元素垂直居中。

下面是一個示例代碼：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

在這個示例中，我們使用了一個ul元素來包含li元素。然后，我們使用li元素自身來定義一個類，將其設置為display: inline-block。接下來，我們使用transform屬性，將li元素的水平居中，使用top和right屬性的值來調整其垂直位置。最后，我們將transform屬性設置為旋轉 90 度，并使用角度值(45度)來將li元素垂直居中。

下面是一個更新的示例代碼，使用旋轉 45 度來將li元素垂直居中：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

<style>

ul {

display: flex;

justify-content: center;

align-items: center;

li {

display: inline-block;

transform: rotate(45deg);

</style>

在這個示例中，我們使用了 flex 布局來將 ul 元素垂直居中。然后，我們使用li元素的 transform屬性來將其水平居中，并使用 rotate() 函數將li元素旋轉 45 度。

總之，通過使用 CSS3 的 transform 屬性和 display: inline-block 屬性，可以輕松地將 li 元素垂直居中。