Question

我正在努力使我使用的li设计显示在我的文本中心对齐的单词旁边。如果您在Firefox中查看this JSFiddle，它会像我想要的那样显示，在任何其他浏览器中，它会将圈子一直放到左侧。我找不到任何方法让它在所有浏览器中显示出来。我将在下面添加一个简单版本的代码。

<head>
<style>
ul.a {list-style-type: circle;}
</style>
</head>
<body>

<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

Answer 1

list-style-position:inside将有效。

＆＃13;

ul.a {
    list-style-type: circle;
    text-align: center;
    list-style-position:inside;
}

＆＃13;

<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

＆＃13;