ul.my-class {
    list-style-type: decimal;
    counter-reset: item;
    margin: 0;
    padding: 0;
    
  }

  ul.my-class > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
    
  }

  ul.my-class > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
  }
  li ul.my-class > li {
    margin: 0;
  }
  li ul.my-class > li:before {
    content: counters(item, ".") " ";
  }
  ul.my-class2 > li:before
  {
   font-weight: bold;
  }