If you find yourself creating elements just for the sake of applying visual treatment to them in CSS, there is probably a better way. This is the basis for having "semantic markup." All of your markup (as best as possible) should be real content and have real meaning. In this case this list should only have 3 `<li>` elements, because there are only 3 pieces of content. You can use the `content` property along with the `:before` pseudo-class to achieve the bullets. Something like:

```
ul li { 
  margin-right: 30px;
  padding-right:30px;
)
ul li:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  padding: 2px;
  margin: 5px 0;
  background: #ccdce8;
  content: "";
}
ul li:last-child {
  margin-right:0;
  padding-right:0;
}
ul li:last-child:after {
  display:none;
}