---
id: 5f46fc57528aa1c4b5ea7c2e
title: Step 76
challengeType: 0
dashedName: step-76
---
# --description--
Changing the `margin-bottom` to `5px` looks great. However, now the space between the `Cinnamon Roll` menu item and the second `hr` element does not match the space between the top `hr` element and the `Coffee` heading.
Add some more space by creating a class named `bottom-line` using `25px` for the `margin-top` property.
# --hints--
You should add a `.bottom-line` selector.
```js
const hasBottomLine = new __helpers.CSSHelp(document).getStyle('.bottom-line');
assert(hasBottomLine);
```
You should set the `margin-top` property to `25px`.
```js
const hasMarginTop = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-top'] === '25px');
assert(hasMarginTop);
```
Your `.bottom-line` selector should have a `margin-top` of `25px`.
```js
const bottomLineMargin = new __helpers.CSSHelp(document).getStyle('.bottom-line')?.getPropertyValue('margin-top');
assert(bottomLineMargin === '25px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu