Forcing headings to wrap in html

Question

I have a web page that displays a pdf document. In the header there is an image and an h1 tag that contains a name. When the name is too long, it gets cut off. How can I force it to wrap to the next line instead so that the entire name is displayed? I tried inserting a style="white-space:normal" but it doesn't help. Any suggestions?

Can you post some example code that we look at to get a better idea of the problem? — mrvisser, Dec 16 '09 at 19:56

score 26 · Answer 1 · answered Dec 16 '09 at 19:55

26

word-wrap:break-word;

answered Dec 16 '09 at 19:55

Tor Valamo

33,261
11
73
81

22

make sure it is also white-space:normal – Alex Feb 15 '15 at 21:48

score 16 · Answer 2 · answered Jan 10 '19 at 10:06

16

It should have the combination of two:

word-wrap: break-word;
white-space: normal;

thanks to Tor and Alex :)

answered Jan 10 '19 at 10:06

justnajm

4,422
6
36
56

score 8 · Answer 3 · answered Dec 16 '09 at 20:08

h1 tags wrap by default. If they're not, something in your CSS is overriding that default behaviour. If you can post a link to the site, we can quickly help you out. You might want to consider installing Firebug for Firefox - it'll let you right-click on the h1 and view what styles are being applied to it, and from where they come.

score 1 · Answer 4 · answered Dec 16 '09 at 19:55

1

Is the header contained wihtin another element such as a div? If so, check the overflow for that element and/or try setting it to visible like this:

style="overflow:visible;"

answered Dec 16 '09 at 19:55

Sonny Boy

7,848
18
76
104

No, it's not within another element – froadie Dec 16 '09 at 20:04

score 1 · Answer 5 · edited Nov 07 '18 at 10:39

1

the h1 tag has a zero line height

style="line-height:100%;"

edited Nov 07 '18 at 10:39

MBehtemam

7,865
15
66
108

answered Nov 07 '18 at 08:51

Fabio

11
1

This does not answer the question at all. It is not even related to the question. – stackprotector Sep 18 '22 at 16:39

Forcing headings to wrap in html

5 Answers5