--- id: 5f3c866dbf362f99b9a0c6d0 title: Part 38 challengeType: 0 dashedName: part-38 --- # --description-- The `p` elements are nested in an `article` elements with the class attribute of `item`. You can style all the `p` elements nested anywhere in elements with a class named `item` like this: ```css .item p { } ``` Using the above selector, add a `display` property with value `inline-block` so the `p` elements behave more like `inline` elements. # --hints-- Test 1 ```js ``` # --seed-- ## --seed-contents-- ```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; } ```