JSFiddle - React, Tailwind, and code Playground

by mariomc

HTML

<div id="menu_lateral">
                    <ul>
             <li><a href="estudar-regulamentos2.html" target="_self">Inst. Orientação Profissional &gt;</a></li>
          <li><a href="estudar-regulamentos3.html" target="_self">Inst. D. Luiz &gt;</a></li>
          <li><a href="estudar-regulamentos3.html" target="_self">Inst. Investigação Interdisciplinar &gt;</a></li>
          <li><a href="estudar-regulamentos3.html" target="_self">Museu Nac. de Hist. Natural e da Ciência &gt;</a></li>
      </ul></div>

CSS

#menu_lateral ul {
margin: 0;
padding: 0;
    width: 220px;
}
#menu_lateral ul li {
list-decoration: none;
background-color: #E1F2F2;
margin-bottom: 7px;
    display: block;
}
#menu_lateral ul li a {
cursor: pointer;
text-decoration: none;
color: black;
display: block;
    padding: 2px 0 2px 10px ;
}