JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
   <li>
      <a href="#">Алмазный</a>
   </li>
   <li>
      <a href="#">Изумрудный</a>
   </li>
</ul>

CSS

* { 
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

ul { 
   display: block;
   list-style-position: outside;
   list-style-type: disc;
   margin-bottom: 1em;
   margin-top: 1em;
   padding-left: 40px;
}

ul li { 
   font-size: 14px;
   list-style-image: url("../Images/marker.png");
   list-style-type: none;
   margin-left: 60px;
   margin-top: 3px;
}

a { 
   color: rgb(#333333);
   outline-color: currentColor;
   outline: none;
   text-decoration: none;
}


a:hover
{
  font-weight: bold;
  color: rgb(200,200,200);
  outline: none;
}