HTML中如何减小ul中项目符号与文字间的距离？以及如何改变项目符号颜色？

以上为目前效果
使用float：left；width：30%实现

以上为需实现效果
目前项目符号与文字距离很远，且颜色相同，想请教一下大家该怎么实现这样的效果呢？

可以考虑将ul中自带的项目符号全部取消，之后可以选择使用字体图标，或者使用容器diy一个红色的小圆，或者其他的，再使用定位，定位到合适的位置，这样的好处是，网页的可操作性比较强。
如果不用上面的方法，可以把你的li标签的宽度进行调整，随着li标签宽度的缩小，文字和项目符号之间的距离也会缩小，接下来，你可以再使用margin来将li标签调整到合适的位置