HTML and CSS for vertical and horizontal lists
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> body { padding: 36px; } menu li { float: left; list-style: none; margin-right: 8px; border: 2px solid; padding: 4px; } </style> </head> <body> <h2>Vertical and Horizontal lists</h2> <ul> <li>Gold</li> <li>Silver</li> <li>Bronze</li> </ul> <menu> <li>Gold</li> <li>Silver</li> <li>Bronze</li> </menu> </body> </html>