Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

I have tried to include the span element inside the label element but have not succeeded. I have tried to include the aria-hidden code inside the span element and have likewise not succeeded.
Please advise.

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Checkout Page</title>
</head>

<body>
<h1>Checkout</h1>
<section>
 <h2>Your Cart</h2>
 <img src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt="A rubiks cube."/>

</section>

<section>
<h2>Payment Information</h2>
<form>
    <label for="card-name"
    span class="card-name"  aria-hidden="true">*</span    
    >Card Name</label>
    
 <input
 
    type="text"
  required
   id="card-name"
   name="card-name"/>
   
</form>
<form>
    <label for="card-number"
    span class="card-number" aria-hidden="true">*</span>
Card Number</label>
    
    <input
   
    aria-describedby="card-number-help"
    required
    type="text"
    id="card-number"
    name="card-number"/>
    <p
    id="card-number-help"

    >Enter 12-digit card number including dashes</p>
 </form>
</section>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

are you sure you have a span element here? if you fix the span element, the aria-hidden test will also pass

3

There are other errors in your HTML. I suggest you use this HTML Validator until you get more comfortable with HTML.

Just copy/paste your code into the text area and check/fix your code until the validator says it’s okay.