HTML Hover Menu add new dimension to your Search Engine Optimization of your website. Either you can add this HTML Hover Menu in your Post(s) or you can just add this on your Sidebar widgets area.
With the help of HTML Hover menu your post(s) looks attractive and also your site visitors have more options to choose from the list of menu. They can easily select the topic from the list. You can add color also to your menu. You can change Font Color, Hover Color and so on.
Now you have to just two things. First one you have to paste the following code in the CSS page that is .style.css (if you are using WordPress) if you are using HTML Template for your website then you to copy and paste the below code in CSS Page.
After add the above codes in your CSS Style sheet. Now come to the HTML Section of your website. Before proceeding further I want to clarify two things here friends. The actual menu width is 100% of your post area width. See the below picture for more information.
For the above horizontal HTML Hover menu you just place this below code in your HTML Section of your website.
Now, if you want to reduce the width of the menu then you can use table or something related to that to reduce the width of the menu.