Tell us what’s happening:
I don’t know what I’m doing 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.
And the error is:
You should set the text-align: right
property before the .info input
rule.
Your code so far
.info input {
width: 50%;
text-align: left;
}
.info label {
width: 10%;
min-width: 55px;
text-align: right;
}
.info label, .info input {
display: inline-block;
text-align: right;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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: