Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 21

HTML-CSS
1

Hello I am new here and I am looking for some help with Step 21.

Step 21

Within the first tr, add a th element with the text Loans The outstanding balance on our startup loan.. Wrap that text, except for Loans , within a span element with the class set to description.

Add three td elements below that, and give them the following text, in order: $500, $250, and $0. Give the third td element a class set to current.

My problem is that i keep getting this error with my text:
Your th element should have the text Loans The outstanding balance on our startup loan. .

This is my code for this step:

<tr class="data">
                <th>Loans <span class = "description">The outstanding balance on our startup loan.</span>
                </th>
                <td>$500</td>
                <td>$250</td>
                <td class="current"> $0</td>
              </tr>
              <tr class="data">
              </tr>
              <tr class="data">
              </tr>
              <tr class="total">
              </tr>
2

Hello and welcome to the fCC forum.

You have a space here before your $0 , try removing that.

3

Thank you so much for your reply however i tried that and its still giving me the error message:

Your th element should have the text Loans The outstanding balance on our startup loan. .

I have checked my spelling and syntax however it still doesn’t pass.

4

Can you give your latest code?

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

Hello @atlrenovering !

Remove the space before $0 and it should pass for you.

Wishing you a smooth coding path.

6

I have removed the space in my code as you can see below however its still not passing.

<tr class="data">
                <th>Loans <span class = "description">The outstanding balance on our startup loan.</span>
                </th>
                <td>$500</td>
                <td>$250</td>
                <td class="current">$0</td>
              </tr>
              <tr class="data">
              </tr>
              <tr class="data">
              </tr>
              <tr class="total">
              </tr>

I appreciate all the help and assistance with this step.

1 Like
7

Your code is passing for me.

Maybe clear the cache, or if you have any extensions that could be causing a problem.

You could try submitting it from a different browser, too.

I hope this helps you.

Wishing you a smooth coding path.

1 Like
8

there’s a small issue with the placement of the closing </th> tag. It should come after the </span> tag wrapping the description text.

1 Like
9

Thanks for all the help!

3 Likes
10

You are very welcome!

May your coding path be smooth.