Do I have this list code set up correctly?

There are other things on the list, but I just want to know if this part is fine?

<ul>
<li>Available in 4 colors:</li>
<span style="display:inline-block;"><span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#70CBD2; margin-right:2px;"></span>Blue,</span>
<span style="display:inline-block;"><span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#9BCD13; margin:0 2px 0 7px;"></span>Green,</span>
<span style="display:inline-block;"><span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#C40F89; margin:0 2px 0 7px;"></span>Pink,</span>
<span style="display:inline-block;"><span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#818085; margin:0 2px 0 7px;"></span>Grey</span>
</ul>

Error: Element span not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

Now what?

Should I do what @ralphm suggested here?

So, then I guess I can leave it the way it is then?

Please read and take note of this topic.

What do I do then?

Fix the following error:

Please note that list elements are only accepted inside the unordered list block.

How do I change the code then?

Read the following:

Edit:
Try copying the example, make sure it validates then replace where necessary

What am I replacing, and with what?

  1. copy and paste the example into your page
  2. make sure it validates
  3. replace the text “coffee, tea. milk” with your text “blue, green, pink”

How do I remove the circle from it?

How do I remove the circle from it?

Read the instructions about list-style-type

I can have a list with bullets, then remove 1 bullet from one of the items?

How do I remove the bullet from the 2nd one?

<ul>
<li>Available in 4 colors:</li>
<li>Blue, Green, Pink, Grey</li>
</ul>

Yes, the instructions state how to specify the bullets

What have you tried?

I have no clue.

I’m asking Google, Google has no clue either.

The following can apply to the complete list or individual list items.

 style="list-style-type:disc"