Make an item in list align to right using CSS 3

Question

I have a list as follows:

<ul id="menu">
  <li><a href="#">Home</a></li>
  <li><a href="#">Work</a>
      <ul>
           <li><a href="#">CSS Development</a></li>
           <li><a href="#">Graphic Design</a></li>
           <li><a href="#">Development Tools</a></li>
           <li><a href="#">Web Design</a></li>
      </ul>
  </li>
  <li><a href="#">About</a></li>
  <li><a href="#">Contact Us</a></li>
  <li><a href="#">Feedback</a></li>
</ul>

I am attaching an image of so far what I have done.

In this menu, I want to align feedback to the right side. How can I do it?

Answer 1

Add this to your CSS content.

li:last-child will select the last li of the menu list.

Demo

#menu > li:last-child
{
    float:right;
}