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? Thanks!

Answer 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;"

Answer 2

word-wrap:break-word;

Answer 3

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.

Answer 4

Sorry, everyone - I just realized that it's not really a wrapping problem; the problem is that the beginning of the name is being covered by the image, which is absolutely positioned on top of it. I guess I just have to play with the positioning now to fix it.

Thanks for your help.