JSFiddle - React, Tailwind, and code Playground

by JBDouble05

HTML

<ul id="menu-list">
        	<li id="itm1" class="menu-list-items">Item One</li>
        	<li class="menu-list-items">Item Two</li>
        	<li class="menu-list-items">Item Three</li>
        	<li class="menu-list-items">Item Four</li>
    	</ul>

CSS

.menu-list-items {
				width: 400px;
				padding: 10px;
				margin: 0px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
				font-size: 25px;
				border: 1px solid black;
			}
			
			.menu-list-items:hover {
				background-color: yellow;
			}