Need help for step 56 in accessebility

Tell us what’s happening:
.info input {
width: 50%;
text-align: left;

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

Your code so far

Challenge: Step 56

Link to the challenge:


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


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

what am I doing wrong here?

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.

The styles for these elements already exist they want you to edit them not make new ones

they want me to create new selector.


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

oh im sorry i missread lol

you need to copy/cut the new selector and paste it above the existing ones so it reads first in the style sheet

i think I’m the one who misunderstood.

I was trying to help you and someone else so i just quickly glanced at the instructions. You were 99% right.

this is the reason why i’ve been away from coding at the first place. Simple errors could make you bang your head.
Anyways, thanks to the people like you who save our heads…

please how do i pass this step cos i’m also having issues here

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