In this horizontal menu only for last dropdown i want to keep inside...

Question

http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

Right last item's dropdown goes outside the menu

I need only last last item's submenu inside.

like this

Answer 1

Firstly, you might want to consider positioning your main menu li's relatively. Then the drop down ul's which are positioned absolutely will appear underneath their corresponding li by default. Like this for example:

ul.dropdown li {
    position: relative;
}

Then you can simply add a new class to the last <li class="dir"> which gets its own styling to change the position of the last dropdown menu. Something like this for example:

HTML:

<li class="dir last">

CSS:

li.last ul {
    left: -50px; /* or however much you need for it to appear where you want it to */
}

Answer 2

You'll need to set the right position for that particular list i.e.

<li class="dir"><a href="./">Contact Us</a>
        <ul style="last-menu">
            <li><a href="./">Enquiry Form</a></li>
            <li><a href="./">Map &amp; Driving Directions</a></li>
            <li><a href="./">Your Feedback</a></li>
        </ul>
    </li>

<style>
  .last-menu{
    right: 0px;
  }
</style>