Up next, let's work on using the grouping selector to design an online shopping cart.

<html> <head><style>body{text-align: center;}.item{text-align: right; border: 1px solid brown; margin: 10px;}.itemName, .quantity, button{font-size: 20px; margin: 5px;}h2, #checkout{background-color: brown; color: white; padding: 10px;}</style> </head> <body> <h2>Cart</h2> <div class="item"> <span class="itemName">Bananas</span> <span class="quantity">x6</span> <button> -</button> <button>+</button> </div><div class="item"> <span class="itemName"> Oranges </span> <span class="quantity">x2</span> <button>-</button> <button>+</button> </div><button id="checkout">Checkout</button> </body></html>]]>