--- id: 5f45a276c093334f0f6e9df4 title: Part 75 challengeType: 0 dashedName: part-75 --- # --description-- Focusing on the menu items and prices, there is a fairly large gap between each line. Target all the `p` elements nested in elements with the `class` named `item` and set their top and bottom margin to be `5px`. # --hints-- Test 1 ```js ``` # --seed-- ## --seed-contents-- ```html Camper Cafe Menu ``` ```css body { background-image: url(https://tinyurl.com/coffee-beans-fcc); font-family: sans-serif; padding: 20px; } h1 { font-size: 40px; } h2 { font-size: 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } hr { height: 2px; background-color: brown; border-color: brown; } --fcc-editable-region-- h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } --fcc-editable-region-- ```