Your Exercise:
Make the list below display horizontally.
Tip: Add an id.
Edit This Code:
See Result »
<!DOCTYPE html> <html> <head> <style> ul#menu li { display:inline; } </style> </head> <body> <ul> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> </body> <!-- Mirrored from www.w3schools.com/html/exercise.asp?filename=exercise_lists6 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:20:25 GMT --> </html>
Result:
Show Answer
Correct Code:
<!DOCTYPE html> <html> <head> <style> ul#menu li { display:inline; } </style> </head> <body> <ul id="menu"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> </body> </html>
Correct Result:
Hide Answer