text-align:center not working in header and footer

Question

can any one tell me why is it not working. i have attached my code below

https://code.sololearn.com/W1qZV1I6hE2I/?ref=app

Answer 1

You many times duplicated css code.
Why you use comma separated common styling, if you just after that use another style for the same element?
CSS cascade-style-sheets.
Which mean the last style cover previous style. Mingbai?

in first:
text-align: center /* correct */
in second:
text-align: centre /* wrong */

Answer 2

There is a comma after section in "header,footer,section,"

Answer 3

it's spelled "center" and not "centre"

Answer 4

Rohit got it dude thnx

Answer 5

Here is my dummy landing page. You can look at css to see what happen.

https://code.sololearn.com/WkUOocFatNx3/?ref=app

Answer 6

Shadoff are you mean selecting an element multiple times (for different purposes) is wrong?!!
sometimes we can select an element multiple times. because it and other elements have shared properties.

Answer 7

I wrote center in the code tho

Answer 8

Jagroop Singh Check your CSS line 10 and line 18 it's spelled "centre" and not "center".

Answer 9

try & select

h1 {
text-align :center;
}

not this
header{
text-align :center;
}