--- id: 5f3c866de7a5b784048f94b1 title: Part 35 challengeType: 0 isHidden: true --- ## Description
That is kind of what you want, but now it would be nice if the flavor and price were on the same line. Remember that `p` elements are block-level elements, so they take up the entire width of the parent element. To get them on the same line, you need to apply some styling to the `p` elements, so they behave more like `inline` elements. Start by adding a `class` attribute with the value `item` to each `article` element.
## 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; } .flavor { text-align: left; } .price { text-align: right; } ```