Basically MS Word gives a very bloated HTML and has inline styles (eg style="font-size: 4pt") which can over ride CSS stylesheets.  Hence the changes in formating.

 

  • Example is Red
  • Here we have Blue
    and another colour

The HTML is

<UL>

<LI>Example is <FONT color=#ff0000>Red</FONT></LI>

<LI>Here we have <FONT color=#0000ff>Blue</FONT><BR>and another <FONT color=#00ff00><U>colour</U></FONT></LI></UL>

 

if you do it in Word it is

<P class=MsoListParagraphCxSpLast style="TEXT-INDENT: -18pt; mso-list: l0 level1 lfo1"><SPAN style="FONT-FAMILY: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol"><SPAN style="mso-list: Ignore">·<SPAN style='FONT: 7pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN></SPAN><SPAN style="COLOR: black; mso-themecolor: text1">Here we have </SPAN><SPAN style="COLOR: #00b0f0">Blue<BR></SPAN><SPAN style="COLOR: black; mso-themecolor: text1">and another </SPAN><I style="mso-bidi-font-style: normal"><U><SPAN style="COLOR: #92d050">colour</SPAN></U></I></P>