javascript - 드롭 다운의 텍스트 정렬 확인란

그래서 사용자가 왼쪽에 정렬 된 값을 가진 확인란이있는 드롭 다운 메뉴에 일정한 값을 표시 할 수있는 확인란이있는 사용자 정의 드롭 다운 메뉴를 만들고 있습니다.

내 템플릿은 다음과 같습니다 :

"<div class=\"multiselect-parent btn-group dropdown-multiselect\">\n" +
    "\t<button  ng-click=\"toggledropdown()\" td-ui-margin=\"0\" class=\"dropdownlist-button\" ng-disabled=\"!edit\" type=\"button\">\n" +
    "\t\t<span ng-if=\"customSelect\">{{customSelect}}</span>\n" +
    "\t\t<span ng-if=\"!customSelect\">{{modelList.length}} {{'MULTISELECT_DROPDOWN.CHECKED' | translate}} &nbsp;<i class=\"caret\"></i></span>\n" +
    "\t</button>\n" +
    "\t<ul class=\"dropdown-menu dropdown-menu-form\" ng-style=\"{display: open ? 'block' : 'none', height : '200px' }\" style=\"overflow: scroll\" >\n" +
    "\t\t<li td-ui-margin=\"5\">\n" +
    "\t\t\t<span class=\"headerPointer\" ng-click=\"selectAll()\"><span class=\"glyphicon glyphicon-ok\"></span> {{'MULTISELECT_DROPDOWN.CHECKALL' | translate}} </span>\n" +
    "\t\t</li>\n" +
    "\t\t<li ui-margin=\"5\">\n" +
    "\t\t\t<span class=\"headerPointer\" ng-click=\"deselectAll();\"><span class=\"glyphicon glyphicon-remove\"></span> {{'MULTISELECT_DROPDOWN.UNCHECKALL' | translate}} </span>\n" +
    "\t\t</li>\n" +
    "\t\t<li  class=\"divider\"></li>\n" +
    "\t\t<li role=\"presentation\" ng-repeat=\"option in options  | orderBy : 'id'\"  ui-margin=\"5\">\n" +
    "\t\t\t<span class=\"td-checkbox-div-wrapper headerPointer\" ><input type=\"checkbox\"  ng-click=\"selectItem(option)\" ng-checked=\"isChecked(option)\">\n" +
    "\t\t\t<label>{{option[field]}}</label></span>\n" +
    "\t\t</li>\n" +
    "\t</ul>\n" +
    "</div>\n"

여기서는 템플릿을 사용하고있는 곳입니다

<div class=\"col-xs-2 setup-case-checkbox multiselect-spacing\"\n" +
    "                     ng-if=\"model.frequencyInterval.frequencyIntervalType === 'SEASONAL'\">\n" +
    "                    <multiselect-dropdown options=\"months\" model=\"model.frequencyInterval.customPeriod\"\n" +
    "                                             field=\"period\"\n" +
    "                                             edit=\"true\"\n" +
    "                                             aria-labelledby=\"seasonal\"></multiselect-dropdown>\n" +
    "                </div>\n" +

그러나 렌더링하는 페이지를 볼 때 제대로 정렬되지 않습니다

이것을 왼쪽에 맞추려면 어떻게해야합니까?