<style> /* body{ background-color: #333; } */ ul { counter-reset: li; list-style: none; padding: 0; text-shadow: 0 1px 0 rgba(255,255,255,.5); } ul a { position: relative; display: block; padding: .4em .4em .4em .8em; margin: .5em 0 .5em 2.5em; background: #D3D4DA; color: #444; text-decoration: none; transition: all .3s ease-out; } ul a:hover {background: #DCDDE1;} ul a:before { content: counter(li); counter-increment: li; position: absolute; left: -2.5em; top: 50%; margin-top: -1em; background: #f9dd94; height: 2em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; } ul a:after { position: absolute; content: ""; border: .5em solid transparent; left: -1em; top: 50%; margin-top: -.5em; transition: all .3s ease-out; } ul a:hover:after { left: -.5em; border-left-color: #f9dd94; } </style> Extract Text from Image Speech Recognition in JS Text File to Speech in JS Text to Speech in JS Letter and Words Counter Tic-Tac-Toe Memory Game