Blog

draft: by last updated: March 10, 2020


This text is just plain regular paragraph text. The layout in the editor won't look right but it will look right when the article is viewed.

Basically the code looks like this. To add this code to a post, you click the <> symbol above.

<div class="row">
<div class="column half">
<p>This is some left column text. The next section is the map image.</p>
</div>
<div class="column half">
<figure><img src="/mm5/graphics/blog/long_map_example_1583883692.jpg" data-image="1583883692"></figure>
</div>
</div>

The easiest way to do this is to type up your entire post first. Type the left column stuff and after that, drag in the image. Once everything looks good as far as your post goes, go into code view <> and find the left column text and put the row and column divs in, then find the end of the left column text and close the div and put in the next column div, then find the end of the image which will probably be the closing figure tag </figure> unless you put some text in, and then close the two divs.

Formatting after the post is finished will always be the easiest way to go.

This is some left column text that you edit like anything else.

This is the right column with a long map.

This text is just plain regular paragraph text.