HTML5 Output for Unstructured Document

Hello,

I have unstructured documents that we publish in PDF format. I would like to start outputting to HTML5. When I use the default HTML5 Settings File, for the most part, the document looks okay (Stock Settings.png). There are some odd spacing or text alignments, but I figured this would be updated in Style Mappings. I know some of my alignment issues are coming from the Paragraph Designer, so I might have to think about updating our style guide. Maybe my problems are tied to this. 

When I try to alter the settings, things go way out of alignment (Altered Settings.png). I've tried using guidance from the Discussion Board, FM manual, and I've been looking over some videos, typically short and small amounts of information. I still can't get the document to display decently. Are there any in-depth videos or webinars on HTML5 publishing? 

I am using the latest version of FrameMaker: 17.0.5