css add bullets without using lists

1style="list-style-type:none;"

1ul {
2  list-style-type: none;
3  padding: 0;
4  margin: 0;
5}
6

1/* Manually Add Bullets to Elements in HTML Page*/
2ul{
3  position: relative;
4}
5ul li{
6  list-style: none;
7}
8ul li::after{
9  content: "";
10  position: absolute;
11  width: 10px;
12  height: 10px;
13  border-radius: 50%;
14  background-color: #f00;
15  top: 2px;
16  left: -8px;
17  /* + or - top and left according to your style, so that they look perfect*/
18}