To truncate a long title, i.e. make sure it one takes up one line, use the following CSS code to truncate and show an elipsis at the end:

selector {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}