Skip Navigation

University of Nebraska–Lincoln

Web Developer Network Wiki

Herein Lies the Accumulated Knowledge of Mankind

Title overlaps right-hand side navigation?

In rare occasions - when you have a long title and an optional right-hand navigation, both elements might overlap each other. Like this.

Long title overlapping right-hand navigation


To solve this problem, you will have to put a line break in your title as you see fit. A line break for html is the BR tag. For example:

Inserting linebreaker


And here's the end result.

title fixed


Since we are using SIFR for our title, there are certain typography attributes that are out of our control, such as the line height. That, as you can see from the above image, explains the weird line spacing effect on the title when you apply the line break. We would like to advise web developers and content creators to take this into consideration when deciding the official title of your web pages.