CSS小圆点距离的问题可以通过CSS中list-style和margin属性来解决。

ul {
list-style: circle;
margin-left: 20px;
}

以上代码可以让无序列表中的小圆点与文字之间有20像素的距离。

ul {
list-style: none;
padding-left: 20px;
}
li:before {
content: "● ";
}

以上代码可以让无序列表中的小圆点与文字之间有20像素的距离，同时使小圆点变为黑色实心圆。

总之，通过适当地使用CSS的list-style和margin属性，我们可以轻松地控制小圆点与文字之间的距离，实现各种效果。