Home/ Questions/Q 8485359
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T20:37:17+00:00

I have got a headline ( <h1> ) with a long text. Since the

  • 0

I have got a headline (<h1>) with a long text. Since the text does not fit into one line, the browser breaks the line. However, the height of the headline does not scale, i.e., a headline without a linebreak has the same height than one with a linebreak. I am using a background image which should always be behind all the text of the headline. But since the height does not scale, the headline with the implicit linebreak looks awkward: The background is only behind the first line, the second line has no background at all. Why doesn’t the headline scale and how can I make it scale?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    By default the background scale here is a simple example

    <html>
<style>
    h1 { width: 5em; background-color: #EFA; }
</style>
<body>
<h1>A very long title which cannot enter into only one line!</h1>
</body>
</html>

    Now, to help you:

    • you might didn’t set the h1 {background-repeat: y-repeat;} correctly in the CSS.
      Or
    • you might had forced the h1 height: h1 { height: 20px; } which is wrong if you want to be able to manage different height.
    • 0