--- id: 5ddb965c65d27e1512d44dc7 title: Part 48 challengeType: 0 --- ## 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.

## Instructions
## Tests
```yml tests: - text: See description above for instructions. testString: assert( code.replace(/\s/g, '').match(/result\.className\=[\'\"\`]green-text[\'\"\`]/) ); ```
## Challenge Seed
```html ```
### Before Test
```html

Calorie Counter

Sex
Breakfast
Lunch
Dinner
```
### After Test
```html ```
## Solution
```html ```