Wrapping my ‘s with

I don’t recommend having anything in-between a ul and li.

If you make the anchor tag display:block that fills the list, the whole list tag will be clickable. So dont put any height, width, or padding on the list and manage it all instead with the anchor.

a {
     display: block;
     width: 100%;
}