Angular JS ng-bind-html CSS样式不适用于ul，li标签内部为什么？

Question

我正在尝试使用angularJS中的ng-bind-html绑定HTML代码，

这是我的代码：

<ul class="cls_editors_output_sec" ng-repeat="content in dynamicProgramContents[group.id]">
    <li><p>{{content.title}}</p>
    <li>
        <ng-bind-html ng-bind-html="content.content"></ng-bind-html>
    </li>
</ul>
<!--<label ng-bind-html="content.content"></label>-->

我也试过了，

<div ng-repeat="content in dynamicProgramContents[group.id]">
  <p ng-bind-html-unsafe="content.content"></p>
</div>

我没有添加CSS样式，我已经检查了ng-repeat内的content.content，

我的内容如下，

<p style="margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: justify; direction: ltr; unicode-bidi: embed; word-break: normal;"><br /><span style="font-size: 36pt;"><em><span style="font-family: arial,helvetica,sans-serif;"><span style="text-decoration: underline;">Permanent visa for applicants who can prove their outstanding achievements</span> in sports, arts, performance, academia and research, and that such achievements are not going to diminish in the future. Applicants must also be nominated by an eligible person/organisation, who/which has a national reputation in Australia in the same field as the person applying for this visa.</span></em></span></p> 

我无法理解我的代码中出了什么问题。请给我任何提示。感谢。