--- id: 5ddb965c65d27e1512d44dc7 title: Step 48 challengeType: 0 dashedName: step-48 --- # --description-- Now it's time to add some styling which can be added directly as attributes or classes. In our CSS file, we have a styling rule for any elements with the class name `green-text`. On line **20**, right after creating the `result` element, set the `className` property of `result` to be equal to `'green-text'`. Now if you submit the form again and inspect the `result` element, you will see it as `

` and notice that the text is now green. # --hints-- See description above for instructions. ```js assert( code.replace(/\s/g, '').match(/result\.className\=[\'\"\`]green-text[\'\"\`]/) ); ``` # --seed-- ## --before-user-code-- ```html

Calorie Counter

Sex
Female (2,000 calories)
Male (2,500 calories)

Breakfast
Lunch
Dinner

``` ## --after-user-code-- ```html ``` ## --seed-contents-- ```html ``` # --solutions-- ```html ```