How to hide a menu list item

Question

I have a web page and in that few menu item using <ul> <li>. I want one menu item to be invisible from the public. Can anybody tell me how to achieve this one?

Answer 1

HTML

<ul>    
  <li></li>
  <li class="invisible"><li>
</ul>

CSS

.invisible {
  display: none;
}

Answer 2

Adding a class or id to the specific menu item and in css:

li.class {
display: none;
}

or with an ID

#id {
display: none;
}

Answer 3

you can set css propery of any li tag to display:none and to hide whole menu you can set ul tag css property to display:none

<ul style="display:none"> for whole menu

<li style="display:none"> for menu item one or more