Learn Accessibility by Building a Quiz - Step 57

HTML-CSS
1

The code isn’t passing. Why ? I already research on web and dind’t find.
This step is asking: 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.

Your code so far

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

.info label {
width: 10%;
min-width: 55px;
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/108.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 57

Link to the challenge:

2

You need to make a single style declaration for the display property (i.e. make a new selector group containing both of those above and set the display property within that).

1 Like
3

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