Step 56 - Learn Accessibility by Building a Quiz

What do I do 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."

.info input {
  width: 50%;
  text-align: right;
  display: inline-block;
}

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

}

and the error is:

You should use either a .info > label, .info > input or .info label, .info input selector.

As far as I know the selector should be placed before { }. I tried with selectors .info > label, .info > input and .info label, .info input and it just doesn’t work.

would you mind linking us the step you are on?

This is beta course

Hi @Spychu1993 !

I would reset the lesson.
You are not supposed to change these existing selectors.

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

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

You need to create a new selector above that with inline-block and text-align right values.

That is what this message here is telling you

Hope that makes sense!

@jwilkins.oboe that’s right, thank you!