How to make a HTML list appear without the bullets signs using CSS only?

Question

The browser will consider the list existence and arrange them accordingly, however won't show the small icon next to each one of them like the following:

Normal list appear like the following:

• text A
• text B
• text C

I want them to appear like this

text A

text B

text C

Answer 1

ul { list-style: none; }

That gets rid of the bullet points. Now you can go ahead and assign styles to space them out like in your example, if that's what you really wanted:

li { padding: 5px 0; }

If you also don't want the list indented after removing the bullets, it will take another bit, like this:

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

If you dont set both margin and padding to 0, it will either look right in FF or IE, but not both

Answer 2

Use

list-style:none;

in the style for the < ul > tag

Answer 3

list-style-type: upper-roman;

Answer 4

Also, this link has some nice examples to learn from for styling html lists.

Answer 5

I suggest you to read html tutorials in order not to ask such questions. It's really easy

Answer 6

Alternatively, you can also use a definition list (dl, dt, dd) without definition terms (dt elements).

<dl>
    <dd>text A</dd>
    <dd>text B</dd>
    <dd>text C</dd>
</dl>

But semantically I think an unordered list (ul, li) suits your particular purpose better :) So go ahead with just a piece of good CSS as explained by Erik.