--- id: 615f4bfb9de4a16703b56eb6 title: Step 23 challengeType: 0 dashedName: step-23 --- # --description-- The `float` property is used to place an element on the left or right of its container, allowing other content (such as text) to wrap around it. Create a new `.right` selector and set the `float` property to `right`. # --hints-- You should create a new `.right` selector. ```js assert(new __helpers.CSSHelp(document).getStyle('.right')); ``` Your `.right` selector should have a `float` property set to `right`. ```js assert(new __helpers.CSSHelp(document).getStyle('.right')?.float === 'right'); ``` # --seed-- ## --seed-contents-- ```html Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

``` ```css * { box-sizing: border-box; } html { font-size: 16px; } body { font-family: 'Open Sans', sans-serif; } .label { border: 2px solid black; width: 270px; margin: 20px auto; padding: 0 7px; } h1 { text-align: center; margin: -4px 0; letter-spacing: 0.15px } p { margin: 0; } .divider { border-bottom: 1px solid #888989; margin: 2px 0; } .bold { font-weight: 800; } --fcc-editable-region-- --fcc-editable-region-- ```