I am using HTML in the item content area of the Features widget:
<div class="jmd-aircraft"><img src="/wp-content/uploads/C207.png" alt="C207" width="200" height="200" /><ul><li>Max passengers: 7</li><li>Max payload: 1,200 pounds</li><li>Max cargo length: 8 feet</li><li>Max cargo width: 39 inches</li><li>Max cargo height: 39 inches</li></div>
I can save this and everything is fine. When I return to make an edit to the code, when I open the text editor of the content, it is reformatted like this:
<div class="jmd-aircraft">
<img src="/wp-content/uploads/C208.png" alt="C208" width="200" height="200" />
<ul>
<li>Max passengers: 9</li>
<li>Max payload: 3,200 pounds</li>
<li>Max cargo length: 14 feet</li>
<li>Max cargo width: 60 inches</li>
<li>Max cargo height: 54 inches</li>
</ul>
</div>
When I edit this code and save it, the code gets reformatted to this:
<div class="jmd-aircraft">
<img src="/wp-content/uploads/C208.png" alt="C208" width="200" height="200" />
<ul>
<li style="list-style-type: none">
<ul>
<li>Max passengers: 9</li>
</ul>
</li>
</ul>
<ul>
<li style="list-style-type: none">
<ul>
<li>Max payload: 3,200 pounds</li>
</ul>
</li>
</ul>
<ul>
<li style="list-style-type: none">
<ul>
<li>Max cargo length: 14 feet</li>
</ul>
</li>
</ul>
<ul>
<li style="list-style-type: none">
<ul>
<li>Max cargo width: 60 inches</li>
</ul>
</li>
</ul>
<ul>
<li style="list-style-type: none">
<ul>
<li>Max cargo height: 54 inchesss</li>
</ul>
</li>
</ul>
</div>
The work-around that I have found is to remove all whitespace and carriage returns between the tags. Obviously, that is really annoying to have to do all the time. Is there anything that can be done to stop reformatting my content?
Thank you!