Question

Is there any way I can mimic this list in CSS? I want to have a class that centers the list, remove the black dot in the unordered list. In fact, I want it exactly the same as the image below.

I have a column of 250px and would like the whole list aligned to the middle of the 250px column, not just each list item otherwise any shorter link will move into the center a step-like list.

Any help would be appreciated.

Answer 1

list-style-type:none; will remove the dot from the list.
The color is simple color:red; (or any other color)
It seems bold so font-weight:bold;
If you want to capitalize also, use text-transform:capitalize;
All together its:

ul.classname {
    list-style-type:none;
    color:red;
    font-weight:bold;
    text-transform:capitalize;
}

I don’t understand what you mean by “centers the list”…