--- id: 5f3ef6e0eaa7da26e3d34d78 title: Part 55 challengeType: 0 --- ## 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`.

## Tests

```yml tests: - text: Test 1 testString: '' ```

## Challenge Seed

```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% } ```