The inline css properties in the following code doesn't work

Question

<header>
    <b style="text-align:center;">Header</b>
</header>

The text comes in bolder but it fails to align center

Possible duplicate of [How to horizontally center a
in another
?](https://stackoverflow.com/questions/114543/how-to-horizontally-center-a-div-in-another-div) — kukkuz, Sep 19 '17 at 06:02

score 1 · Answer 1 · answered Sep 19 '17 at 05:25

1

You'd need to set the text-align:center on the header tag for it to work.

<header style="text-align:center;">
  <b>Header</b>
</header>

answered Sep 19 '17 at 05:25

Nisarg Shah

14,151
6
34
55

score 1 · Answer 2 · answered Sep 19 '17 at 05:26

1

Try this:

<header style="text-align:center;">
    <b>Header</b>
</header>

Edit: I guess am the third one to post the exact same answer :D

answered Sep 19 '17 at 05:26

genesst

1,333
1
10
39

score 1 · Answer 3 · answered Sep 19 '17 at 05:43

1

<b> is an inline element and it wont support text-align: center. You may either make as a block element by applying display:block or apply text-align: center to the <header> tag

answered Sep 19 '17 at 05:43

Pons Purushothaman

2,225
1
14
23

score 0 · Answer 4 · answered Sep 19 '17 at 05:25

0

<header style="text-align:center;">
  <b>Header</b>
</header>

set the center tag in the top of text.

answered Sep 19 '17 at 05:25

Myco Claro

475
2
14

score 0 · Answer 5 · 2017-09-19T05:44:47.803

0

<center><b>Header</b></center>

You can try this without CSS:

Header

edited Sep 19 '17 at 05:44

answered Sep 19 '17 at 05:28

1

`center` is deprecated. You should avoid using it. See this: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center – Nisarg Shah Sep 19 '17 at 05:31
you said without css, but as you can see in the tag it has a style LOL! – Myco Claro Sep 19 '17 at 05:43
where is that? :P – Sep 19 '17 at 05:45

The inline css properties in the following code doesn't work

5 Answers5