---
id: 6193e2f62a56dc26fd594b77
title: Step 11
challengeType: 0
dashedName: step-11
---
# --description--
Within your first `.row` element, create four `span` elements. Give the first `span` a `class` set to `name`, and the last `span` a `class` set to `current`.
# --hints--
Your first `.row` element (in your `.section` element) should have four `span` elements.
```js
assert(document.querySelectorAll('.section > .row > span')?.length === 4);
```
Your first new `span` element should have a `class` attribute set to `name`.
```js
assert(document.querySelectorAll('.section > .row > span')?.[0]?.classList?.contains('name'));
```
Your last new `span` element should have a `class` attribute set to `current`.
```js
assert(document.querySelectorAll('.section > .row > span')?.[3]?.classList?.contains('current'));
```
# --seed--
## --seed-contents--
```html
AcmeWidgetCorp Balance Sheet