Text-align: right;

HTML-CSS
1

Tell us what’s happening:
ı’ve done all the text-align: right; . where is my fault?

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/103.0.0.0 Safari/537.36

Challenge: Step 56

Link to the challenge:

2

Please post your code of what you have tried so far.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
3

This what is asked `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 MY SOLUTİON:.info label, .info input {
display: inline-block;
text-align: right;
}`

4

AND THE RESPONSE OF ROBOT: Test

Sorry, your code does not pass. You’re getting there.

Hint

You should give the input and label elements a text-align of right.

where should ı use other text-align: right; properties?

5

Ekran görüntüsü 2022-06-26 095953
Ekran görüntüsü 2022-06-26 0959531366×768 64.4 KB

6

this lesson step 56 and ı ve tried a few times

7 
.info label, .info input {
  display: inline-block;
  text-align: right;
}
8 
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.

this what is asked. is

9

This is my answer

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

And where did you place your answer?

If you placed it below the existing code like this then that is incorrect.

This is wrong.

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

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

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

The hint is trying to tell you to place your answer above the other info selectors.

When I do that then it passes for me
Hope that helps!

11 

You should set the text-align: right property before the .info input rule.
12

ı didn’t get it :frowning: ı think i did step by step

13

Please show your full code so I can see where you are placing your answer

14

when ı typed display: inline-block; inside the .info label and info input separately and then it asks me to type text-align: right; properties in other places .ı ve done it again and again

15

and ı ve merged .info iput, .info label selectors but it didn’t work either

16

You are not supposed to touch the existing code here

The lesson wants you to create a new .info label, .info input selector with the display and text align properties and place it above the existing code I just showed you.

When you do that, then the test will pass

1 Like
17

why doesn’t it work at the end?

18

Please post your full code so I can see what you have tried and understand why it is not working

1 Like
19

it has worked ı m so happy with your helps. but why doesn’t it work after the .info label and .info input selectors?

20

what is the difference before and after them?