Learn Accessibility by Building a Quiz - Step 56

Tell us what’s happening:
Hi, I have no idea what should i do? I set the code: text-align:right ; within( .info input) 、(.info label) and ( .info label, .info input) ,but it doesn’t work!

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.

Test

Sorry, your code does not pass. Hang in there.

Hint

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

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) 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:

Helloo
Need to see your code to help you, at least part related to this step.
To make code look like

this stuff

press ctrl-e when writing post

Hello, This is my code below, I know there is something wrong , but I have no idea which class i need to adjust , the hint told me i need to set the text-align: right property before the .info input rule, i tried but failed,that really makes me confuse :

.info {
padding: 10px 0 0 5px;
}

.formrow {
margin-top: 30px;
padding: 0px 15px;
}

input {
font-size: 16px;
}
.info input {
width: 50%;
text-align:left;

}

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

It’s kind of situation, when order of selectors matters.
Right now this selector:

is resetting text align for .info input from this one:

Hint gives you exactly this message: You should set the text-align: right property before the .info input rule.

1 Like

Hi, thank you and good to know that I solved this problem and passed. just ajust the class(.info input)and (.info input, .info label)'s situation!