Learn Accessibility by Building a Quiz - Step 56

Tell us what’s happening:

I don’t know what I’m doing wrong

Step 56

To align the input boxes with each other, set the display property to inline-block for all input and label elements within .info elements.

Also, align the text to the right.

And the error is:
You should set the text-align: right property before the .info input rule.

Your code so far

.info input {
  width: 50%;
  text-align: left;
}

.info label {
  width: 10%;
  min-width: 55px;
  text-align: right;
  
}

.info label, .info input {
  display: inline-block;
  text-align: right;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 56

Link to the challenge:

try to move your selector list above that

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