li bullet list with different format


ol {
  margin:0 0 1.5em;
  padding:0;
  counter-reset:my-badass-counter;
}

ol>li {
  margin:0;
  padding:0 0 0 2em;
  text-indent:-2em;
  list-style-type:none;
  counter-increment:my-badass-counter;
}

ol>li:before {
  display:inline-block;
  width:1.5em;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content: counter(my-badass-counter, lower-roman) ".";
}

ol>li>ol>li:before{
    content: counter(my-badass-counter, upper-roman);
}

Comments

Popular posts from this blog

datatable with both top and bottom scroll bar.

Display Loader and disable page while waiting for ajax request

Remove GIT integration from VSCode