I'm not a fan of liquid layouts, so I made some adjustments to make the OxygenXML webhelp output a fixed width.
Some of those other elements, such as
p.shortdesc, appear before the
body. They don't seem to be contained within anything, though I could have overlooked something.
I also apply a
max-width property to images:
Note also that when you apply a fixed width to your content, the code in your
code block elements may get cut off. Since
codeblock elements are contained within
info, which are contained within
step, you can't really get around their parent containers.
Instead, to handle
code block content from getting cut off, you can add this:
Special shoutout to CSS Tricks for this tip on wrapping content inside the
I'd Rather Be Writing Newsletter
Get new posts delivered straight to your inbox.