--- id: 5f3ef6e01f288a026d709587 title: Part 61 challengeType: 0 --- ## Description

You can use an `hr` element to display a divider between sections of different content. First, add an `hr` element between the first `header` element and the `main` element.

## Tests

```yml tests: - text: Test 1 testString: '' ```

## Challenge Seed

```html Camper Cafe Menu

CAMPER CAFE

Est. 2020

Coffees

French Vanilla

3.00

Carmel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

Desserts

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinammon Roll

2.50

```

```css body { background-image: url(https://tinyurl.com/coffee-beans-fcc); font-family: sans-serif; } h1 { font-size: 40px; } h2 { font-size: 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```