How to create this type of navigation?

I keep seeing these types of navigation menus pop up throughout the web, however I am not quite sure how to make one. I am confident in HTML and CSS, however I cannot figure out how to make this specific type of navigation where it has a box with the text aligned in the center, and when you hover over the box, the whole background color of the li changes?

This specific navigation:

Thanks in advanced,

Kieron