--- id: 5f3ef6e0eaa7da26e3d34d78 title: Part 55 challengeType: 0 dashedName: part-55 --- # --description-- You can give your menu some space between the content and the sides with various `padding` properties. Give the `menu` class a `padding-left` and a `padding-right` with the same value `20px`. # --hints-- Test 1 ```js ``` # --seed-- ## --seed-contents-- ```html Camper Cafe Menu

CAMPER CAFE

Est. 2020

Coffees

French Vanilla

3.00

Carmel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

Desserts

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinammon Roll

2.50

``` ```css body { background-image: url(https://tinyurl.com/coffee-beans-fcc); } h1, h2, p { text-align: center; } --fcc-editable-region-- .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; } --fcc-editable-region-- .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```