Learn Accessibility by Building a Quiz - Step 56

Tell us what’s happening:
Hello! The task is to align the text in "input and “label” to the right(both contained in a div of class,info). I have used the added “text-align: right” to all the three of these rules, but it’s not passing the test. Can someone be so kind to help me out?

Your code so far
.info input {
width: 50%;

}

.info label {
width: 10%;
min-width: 55px;

}

.info label, .info input{
display: inline-block;
text-align: right;

}

**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36</code>

**Challenge:**  Learn Accessibility by Building a Quiz - Step 56

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-56

Hey! whenever you want to add code to your post, you should add ``` (these are backticks which you can find above the tab key on your keyboard) at the the end and start of your
code.

This is the error that shows up when i try to run your code.

image

just move this section of your code above the styles for .info input .

Hope this helps! :smile:

Thank you very much! It helped!

1 Like