How to text wrap headers/questions in NewForm.aspx

Question

Does anyone know of a way in SharePoint 2013 (on premise) to text wrap the column headers/questions in NewForm.aspx. Currently I have long column headers so when you select 'new item' on the list the headers which appear down the left (which im using as questions) are really long creating an ugly and not friendly horizontal scroll.

Thanks in advance for any help!

Answer 1

The key is to override the white-space-property within the nobr element which is the one where the text is located. Then you can define the standard width for your column titles on .ms-formlabel.

.ms-formlabel {
    width: 400px;
}
.ms-formlabel nobr {
    white-space: normal;
}

Add the CSS either in the style sheet referenced in your master page, or to the list's NewForm.aspx into a web part.