如何将无序（gif图像）列表放在中间？

Question

我在一个正文中有一个无序列表，并且正文标记与中心对齐，ul列表的文本到达中间但gif图像保留在页面的左侧。我该如何解决？

http://www.student.nvcc.edu/home/kosindi/test/ul.html

这是我网站的链接，其中有一个我的问题的例子。

请解释一下你的逻辑，谢谢。

Answer 1

您有两种变体，请选择一种：

1.使用此CSS，它将起作用：

li { list-style-position: inside; }

2.如果您希望篮球在另一个下面出现，请使用此CSS：

body { text-align: left; }
ul { width: 200px; margin: 0 auto; }

Answer 2

根据您在链接中提供的HTML代码，只需进行一些更改即可。

在css中

body {
    padding-left: 45%; // add this css
    text-align: left; // change this css
}