Original article is posted here.
The two settings Workflow provides for the position of your forms is handled here:
When the checkbox is selected, your form turns out like this:
being both centered vertically as well as horizontally.
If the checkbox is unchecked, your form ends up in the corner:
In many of my forms, the UI flowed much better if the form were actually centered horizontally, but topped-out vertically.
To achieve this effect, leave this box checked:
Then, we’ll add a bit of CSS to the page by adding an IncludeHTML component. Use aMerge Text component to build the CSS ahead of the form, like so:
The guts of the Merge Text component (the node we're targeting with the id of "tdBorder" is generated automatically by the Workflow form builder, but may not apply to every theme):
And the IncludeHTML component on the form designer:
That should do it. At runtime, the form should be centered as expected.
IncludeHTML
Merge Text
CSS and Workflow