Not sure what I'm doing wrong on step 4 of balance sheet

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

      <h1>
        <span class="flex">
          <span> AcmeWidgetCorp
          </span>
        <span> Balance Sheet
          </span>
        </span>
      </h1>

Instruction:
Screen readers announce HTML elements based on the document flow. We will eventually want the balance sheet to have a heading of “Balance Sheet” and a subheading of “AcmeWidgetCorp”. However, this order does not make sense if announced by a screen reader.

Give your existing span the class attribute set to flex, and add two span elements within it. Give the first the text AcmeWidgetCorp. Give the second the text Balance Sheet. You will use CSS to reverse the order of the text on the page, but the HTML order will make more sense for a screen reader.

Hint:
Your first new span element should have the text AcmeWidgetCorp .

Challenge: Step 4

Link to the challenge:

2

remove those leading ‘space’ from each ‘span’ text :grinning:

1 Like
3

I was having the same problem. Your solution was perfect.

4

(Replace every ’ with < and > accordingly)
As of now, Oct. 3 2022, the solution is:

AcmeWidgetCorp Balance Sheet

keep the span in this format: ‘span’ ‘/span’

and not in the:
‘span’
‘/span’ format.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.