Responsive web design learn accessibility by building a quiz step 57

Step 57

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 label element’s text to the right.


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

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

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

But i already did.
I don’t understand what should i do? Help me please.

1 Like

they want you to create a new selector.
the new selector should either be
.info > label, .info > input
or
.info label, .info input selector

the idea is that you are meant to target both of these elements at the same time.

1 Like

Thanks for the help :face_with_head_bandage: :blush:

1 Like