JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<body ng-app="sceTest" ng-controller="MainCtrl">
    <p class="ul">Not using $sce:</p>
    <div>{{greeting}}</div>
    <p class="ul">Using $sce:</p>
    <div ng-bind-html="htmlGreeting"></div>
</body>

CSS

.ul {
    text-decoration: underline;
}
div + .ul {
    margin-top: 50px;
}
h2 {
    color: pink;
}

JavaScript

angular.module('sceTest', [])
    .controller('MainCtrl', function($scope, $sce) {
        $scope.greeting = '<h2>Hello World</h2><p>This <strong>is</strong> a test</p>';
        $scope.htmlGreeting = $sce.trustAsHtml('<h2>Hello World</h2><p>This is a test, and <strong>this goes in bold</strong></p>');
    });