'How to add word wrap to Select Tag in HTML

Currently, I have this select option I want to achieve something like this. enter image description here

I tried adding word wrap but still not working enter image description here

<select style="width: 563px;" chosen-with-disabled="glAccounts" ng-model="dbAccount.select"
    ng-options="(debitAccount.name +'('+ debitAccount.glCode +')')
                        for debitAccount in glAccounts
                        track by debitAccount.id"
    ng-disabled="!enableAddDebitAccount"
    class="form-control">
<option class="displaynone" value="" disabled>{{'label.selectdebit' |
    translate}}
</option>


Solution 1:[1]

you can try padding-right;word-break

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 long long