Triangular List Bullets Using CSS

Some Related Posts:-

ul {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none;
}
li::before { 
  content: "";
  border-color: transparent #111;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

That’s a rather old-timey approach. These days you might consider how easy it is to do with ::marker. Here’s both:

See also  Sticky Navigation Bar using HTML CSS & JavaScript

Leave a Reply

Your email address will not be published. Required fields are marked *