li标签中的a标签内容不居中

li和a中都没有设置float：left;属性，但li标签中的a标签始终紧靠li标签左侧。
解决：使用内联块和文本对齐

li {
  text-align: center;       /* 文本居中 */
}

a {
  display: inline-block;    /* 设置为内联块，以便应用宽度和高度 */
  text-align: center;       /* 确保链接文本居中 */
  /* 可选：如果你想要链接占据整个li的宽度，可以设置宽度和高度 */
  width: 100%;             /* 占据整个li的宽度 */
  height: 30px;            /* 根据需要设置高度 */
}