Placement: Content & Images

These styles help keep your background images and content where you need them to be.  While this is going to be impacted by the end user's screen size, you can try to keep them focused on what you want the page to look like.

Topic Blocks

If you want to align several sections at once you can use style:

topic-block

It is designed to keep all content aligned to the top with the last element, usually a button or call to action, being the last element which is aligned to the bottom.  The default margin on items is reduced to help keep a more consistent spacing across elements.

There are no default borders or colors this is just going to help with content placement.

Without topic block

As you can see when not using the style content is just going to expand default.

There is no alignment on the last item.

Image Placement

By default the images will try their best to be in the center, but if you are using a background image that has more of what you want on the top  or bottom these styles can help.

Content Placement

Horizontal align content using the editor's left, right, and center.  For vertical alignment use the styles below.  Remember that your content will default to the top automatically.