UL > LI CSS/HTML Question -

I have several menus (ul) and li is inside each. For example, the main navigation menu for the site is horizontal but I have several other menus for products on the page, and these menus are vertical.

I do not want to add class = "vertical menu usage" in all menus, which I want to be vertical, because it just looks like things are ugly in code, and the dexterity is very disturbing for me.

Is there a menu with horizontal li and every other menu on the site of the horizontal li?

Horizontal: & lt; Ul class = "menu" & gt; & Lt; Li class = "selected" & gt; & Lt; A href = "@HRFE (" ~ / ")" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "@ Href (" ~ / ")" Product & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "@RRFE (" ~ / ")" & gt; About us & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; = "@ RFEF (" ~ / ") & gt; contact us & lt; / a & gt; & lt; / li & gt; & lt; li class =" selected "& gt; & lt; a href Workbench:

  
 
  sample  
  sample  gt; & lt; li class =" selected "& gt; & lt; a href = "@RFEF (" # ")"> Sample       < P> 
 
 I think that you say that 1 horizontal, all other vertical. But still, if there is a vertical rule, and only one exception , Then give the style to make your  ul  vertical (which is the default), and then make an exception for the NAV if your NAV has an ID, you can change it You can use the SS selector such as  #nav , so you do not need to add a new CSS class.