Step 56 - display inline

Hint

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

#my resolution
.info > input{
width: 50%;
text-align: left;
display: inline-block;
text-align: right;
}

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

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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36

Challenge: Step 56

Link to the challenge:

If we want to apply a style to more than one elements we use the , between them.
for example we will apply the color black to h1 and p and span.

The result:
h1, p, span {
  color: black
}

They want you to apply the style to both label and input inside .info but what you did is you seperate them. and you can’t apply text-align: left and text-align: right to the same element

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