JSFiddle - React, Tailwind, and code Playground

by Marcel Hochman

HTML

<ul id="visuElements">
      <li id="nomElement1" class="nomElement">Elément 1</li>
      <li id="nomElement2" class="nomElement">Elément 2</li>
      <li id="nomElement3" class="nomElement">Elément 3</li>
      <li id="nomElement4" class="nomElement">Elément 4</li>
      <li id="nomElement5" class="nomElement">Elément 5</li>
      <li id="nomElement6" class="nomElement">Elément 6</li>
      <li id="nomElement7" class="nomElement">Elément 7</li>
      <li id="nomElement8" class="nomElement">Elément 8</li>
      <li id="nomElement9" class="nomElement">Elément 9</li>
     <li id="nomElement10" class="nomElement">Elément 10</li>  
 </ul>

CSS

#visuElements {
                 list-style: none;
                 position:fixed;
                 height:80%;
                 top:0px;
                 background-color:yellow;
                 width:85%;
                 overflow:auto;
               
             }
            
             .nomElement {
                  font-family:"Arial";
                  padding:10px;  
                  color:black;	
                 font-size:25px;
                  background-color:white;  
                  width:95%;
                  margin-bottom:20px;
			            line-height:110%;
                  text-align:center;
                  box-shadow: 3px 3px 5px #666666;
                 border: 2px solid darkblue;
             }