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>