<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Descendant Selectors</title> <style> h1 em { color: orange; } ul.menu { padding: 5; list-style: none; } ul.menu li{ display: inline; } ul.menu li a { margin: 15px; text-decoration: none; } </style> </head> <body> <h1>Fruits <em>Name..</em></h1> <ul class="menu"> <li><a href="#">Apple</a></li> <li><a href="#">Orange</a></li> <li><a href="#">Banana</a></li> <li><a href="#">papaya</a></li> </ul> </body> </html>