HTML PROBLEM! When I save, I lose it!

Here is the deal. This is just a test I put together. This is BEFORE I saved.

<p style="text-align: center;">sdsdsdsd</p>
<p style="text-align: center;"></p>
<p style="text-align: left;">sdsdas</p>
<p style="text-align: left;"></p>
<p style="text-align: left;"><img class="alignleft" style="float: left;" src="https://www.scnsrc.net/wp-content/plugins/custom_branding/images/custom_header.png" alt="" width="600" height="100" /></p>
<p style="text-align: center;"></p>

and now, after I save it changes to:

<p style="center;">sdsdsdsd</p>
<p style="center;"></p>
<p style="left;">sdsdas</p>
<p style="left;"></p>
<p style="left;"><img class="alignleft" style="left;" src="https://www.scnsrc.net/wp-content/plugins/custom_branding/images/custom_header.png" alt="" width="600" height="100" /></p>
<p style="center;"></p>

However, nothing actually centers, or aligns properly. It is just dead code. This happens with almost every kind of HTML, except for maybe the basic formatting (bold/italics, etc.).

What is going on!??!?!?!?