---
id: 5f356ed60785e1f3e9850b6e
title: Passo 24
challengeType: 0
dashedName: step-24
---
# --description--
Agora é fácil ver que o texto está centrado dentro do elemento `div`. Atualmente, a largura do elemento `div` é especificada em pixels (`px`). Altere o valor da propriedade `width` para que seja `80%`, o que a tornará 80% da largura do seu elemento pai (`body`).
# --hints--
Você deve definir a propriedade `width` para `80%`.
```js
const hasWidth = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.width === '80%');
assert(hasWidth);
```
Você não deve ter na propriedade `width` o valor de `300px`.
```js
const hasWidth = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.width === '300px');
assert(!hasWidth);
```
# --seed--
## --seed-contents--
```html
Cafe Menu
CAMPER CAFE
Est. 2020
Coffee
```
```css
body {
/*
background-color: burlywood;
*/
}
h1, h2, p {
text-align: center;
}
--fcc-editable-region--
div {
width: 300px;
background-color: burlywood;
}
--fcc-editable-region--
```