Exercise : Menu (by Alex Miller)

Generate roughly the given appearance, starting from this HTML.

<ul>
	<li>Bananas</li>
	<li>Apples</li>
	<li>Grapefruit</li>
	<li>Oranges</li>
	<li>Papaya</li>
</ul>

• Bananas
• Apples
• Grapefruit
• Oranges
• Papaya

Exercise solution

ul {
	background-color: red;
	padding: 20px;
	text-align: center;
}

li {
	display: inline;
	border: 1px solid black;
	padding: 10px;
	background-color: white;
}