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>