troubleshooting Question

how to you make horizontal menus vary with the text length?

Avatar of designaire
designaireFlag for United States of America asked on
CSSHTML
3 Comments1 Solution355 ViewsLast Modified:
how to you make horizontal menus vary with the text length?

       <div id="topMenu">
                <ul>
                    <li><a href="index.html">Block Assignments</a></li>
                        <li><a href="what.html">Manage Services, S</a></li>
     
                </ul>
            </div>
     


#topMenu{
	text-align: center;	
	}

#topMenu ul{
	line-height: 30px;
}

#topMenu li{	
	list-style-type:none;
	float: left;
	background-color: #fff;
	padding: 0 15px 0 15px;
	text-decoration:none;

	}
	

#topMenu a {
	display: block;
	width: auto;

}

#topMenu a:hover {
	color: #cCC;
}

#topMenu li ul{	

	display: none;
}

#topMenu li:hover ul{	
	display: block;
}
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 3 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 3 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros