Question

Which of the following style rules will center the text of all h1 through h6 headings with the text displayed at normal weight?

1. h1 - h6 {

      text-align: center;

      weight: normal;

   }

2. h1, h2, h3, h4, h5, h6 {

      align: center;

      weight: normal;

   }

3. h1, h2, h3, h4, h5, h6 {

      text-align: center;

      font-weight: normal;

   }

4. h1 - h6 {

      text-align: center;

      font-weight: normal;

   }

Answer 1

First of all let's see which is the right CSS selector

h1-h6

OR

h1, h2, h3, h4, h5, h6

h1-h6 is not a valid css selector, that means we can't select any HTML element using h1-h6. So, option one and option four are not valid.

Now, with the option below

h1, h2, h3, h4, h5, h6 {

   align: center;

   weight: normal;

}

It looks fine but there is actually no CSS property called weight:normal;

The correct way of setting font weight is font-weight:normal;

Therefore, the option that will center the text of all h1 through h6 headings with the text displayed at normal weight is below i.e the third one.

h1, h2, h3, h4, h5, h6 {

   align: center;

   font-weight: normal;

}

HAPPY LEARNING