How to wrap the list for bootstrap-multiselect (Davidstutz)

Question

My list items are too long. Can I make them wrap?

This is how I declare my multi-select.

        $('#ExpensesClaimList').multiselect({
            numberDisplayed: 1,
            dropRight: true,
            buttonTextAlignment: 'left',
            includeSelectAllOption: true,
            nonSelectedText: 'Select ' + '@DocTypes.GetModuleName(DocTypes.ExpensesClaim)'
        });

This is my CSS

.multiselect {
    width: 100%;
    max-width: 280px;
    text-align: left;
}

Currently it looks like this

Answer 1

Try word-wrap: break-word;

.con {
  max-width: 280px;
  word-wrap: break-word;
  border: 1px solid red;
} 

<div class="con">asddasddasdasdsasddasdasdasdsdsdsdsdaasdsdddasdkasdkkdskdskasdkksdkdkdksdskskskskskskskskskksasddasddasdasdsasddasdasdasdsdsdsdsdaasdsdddasdkasdkkdskdskasdkksdkdkdksdskskskskskskskskskks</div>