Learn Accessibility by Building a Quiz - Step 56

Tell us what’s happening: I can’t get through this challange

Your code so far


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.

input {
  font-size: 16px;
  text-align: right;
.info label, .info input{
  display: inline-block;
.info > label {
  width: 10%;
  min-width: 55px;
  display: inline-block;
  text-align: right;
.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/ Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 56

Link to the challenge:

I am trying to determine this. I usually do not use other code editor for the lessons. If your code is nor formatted correctly from other sources of editor, this could do this. if you do not have the code on what wrote on CSS layout, that could be the problem. My suggestion as the error states, start with copy and paste too the freecode camp lesson.

What exactly am i to copy and paste? it keeps saying add a “text-align” to label and input

If you are doing the new responsive instead of the legacy, its different. you have to copy paste your code form codepen or if it is been done in like visual studio. When they mean format, It might mean the way to put code on the lesson here. The new lessons , teaches you how to do this. It means to space out the code for the children. Which is under the parent. it might also be because you added code other then what the lesson says to, which might say that. I cant not just give you answer or show the code pass. This is done to help you when you get in the field. text-align is used in css. I also looked at the code you did. You added style inline to html., not css format. Look up what that means text-align follow what it said. label and input and how to add text align to in css.

if you restart the step you will be shown 2 css blocks of code.
If you pay attention you will notice that the coding area has an empty line at the top for you to write in (that’s a hint that the new rule needs to be placed there).

You will only need 1 new rule for this and it should contain 2 properties.

Hope this helps… (another tip is to write the new rule at the top and click Check as you go to get hints about what to do before you get too far along)


Thanks a lot, it worked

1 Like