I'm stuck at step 56 in Learn Accessibility

Task:

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.

My CSS code so far

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

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

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

Error :

Hint

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

Otherwise :

Hint

You should give the input and label elements a text-align of right.

If someone can explain what am I doing wrong…
Thanks in advance!

Fixed :slight_smile:
Removing display property from the .info input fixed it.

I was stuck here and just figured out it below:
.info label,.info input{display:inline-block;

text-align:right;}

.info input {

width: 50%;

text-align:left;

}

.info label {

width: 10%;

min-width: 55px;

}