Learn CSS List

Tips (Total 2)

1. How to hide HTML li element with css

2. How to change HTML list element with star CSS

# Tips-1) How to hide HTML li element with css

Here allows following css hidding HTML list symbol.

How to hide HTML List icon

See our example.

index.html

Example: HTML

<style>
li {
    overflow: hidden;
}
</style>

Output should be:

# Tips-2) How to change HTML list element with star CSS

You can change HTML List element color and other with css.

How to chnage HTML List Element Color

See our example.

index.html

Example: HTML

<style>
li {
    overflow: hidden;
}

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

li {
  line-height: 1.5;
  text-indent: -30px;
  padding: 8px 0 8px 30px;
}

li:before {
  float: left;
  display: block;
  content: '\2605';
  color: green;
  margin: 0 30px 0 0;
}
</style>