Camper Cafe Menu

--- id: 5f3c866d0fc037f7311b4ac8 title: Part 39 challengeType: 0 --- ## Description

That's closer, but the price didn't stay over on the right. This is because `inline-block` elements only take up the width of their content. To spread them out, add a `width` property to the `flavor` and `price` class selectors that have a value of `50%` each.

## Tests

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

## Challenge Seed

```html Camper Cafe Menu ```

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

CAMPER CAFE

Coffees