Statement Text Formatting - Preview looks different

For the following text + html code, the statement formats exactly like I want it in edit mode ... with four sub bullets under a header: SWOT Analysis - Description (mouse over) - Click for more info (link) - Key considerations for Industry 4.0 - Scoring Guidance However, when I preview it, I lose the bullets and line breaks ------------------------ 1) SWOT Analysis  <ul> <li style="text-align: left;"><span style=";color:red;cursor:pointer" title="A SWOT Assessment identifies internal Strengths & Weaknesses as well as external Opportunities & Threats for an organization. It provides the foundational information needed to develop winning strategies. ">Description</span></li> <li style="text-align: left;"><a href="https://en.wikipedia.org/wiki/SWOT_analysis" target="_blank">Click for more info</a></li> <li style="text-align: left;"><span style=";color:red;cursor:pointer" title="Key considerations for Industry 4.0">Industry 4.0</span></li> <li style="text-align: left;"><span style=";color:red;cursor:pointer" title="Weakness - This is what weakness looks like Parity - This is what parity looks like Strength - This is what strength looks like">Scoring Guidance</span></li> </ul>