--- id: 5f3c866dbf362f99b9a0c6d0 title: Part 36 challengeType: 0 --- ## Description
The `p` elements are nested in `article` elements with the class attribute of `item`. You can style all the `p` elements nested anywhere in elements with a class named `item` by defining a selector as: ```css .item p { } ``` Define a new style using the above selector. Add a `display` property with the value `inline-block` so the `p` elements behave more like `inline` elements instead of `block-line` elements.
## 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; } --fcc-editable-region-- --fcc-editable-region-- .flavor { text-align: left; } .price { text-align: right; } ```