I was wondering what is the alternative way to show a big title without it having show it into a next line. For example please see the attached picture.enter image description here

  • 3
    Why dont you want it to go to another line?
    – Mervin
    Sep 24, 2014 at 20:32
  • scrolling marquees everywhere!
    – bdimag
    Sep 24, 2014 at 21:56

2 Answers 2


You can have an ellipsis (ie, three consecutive periods) enclosed in square brackets like so.

Lorem ipsum dolor sit amet, consectetur adipiscing elit [...]

This practice used to be the MLA standard for omitting text from a direct quote around a decade ago. I've just learned the current standard is to have three periods with spaces in between and no brackets. However, the new standard isn't as obvious to me; brackets quickly let the reader know the ellipses isn't part of the original title.

  • Also, use the title attribute to show the entire text. In hml5, you can use the title attribute in every element so that shouldn't be a problem.
    – shash7
    Sep 25, 2014 at 9:32

As far as screen real estate for one you are giving up too much with that font size and bold.
It only need to be enough bigger than the description for them to see the difference.

Clearly the full title is of value.
A few options

  • mouse over display it in a tooltip
  • have an expander option that it drops down to multi line
    the click the expandar again to collapse
    if they need the option to edit the title then this is best
  • let them scroll horizontally in the title
    this is how the url behaves in most browsers

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.