<p>Below are examples of column classes that are available in the block editor.</p>



<h2 class="wp-block-heading" style="text-align:left">Two Columns</h2>



<div class="wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. </p>
</div>
</div>



<hr class="wp-block-separator is-style-wide"/>



<h2 class="wp-block-heading" style="text-align:left">Three Columns</h2>



<div class="wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.

</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.

</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.

</p>
</div>
</div>



<hr class="wp-block-separator is-style-wide"/>



<h2 class="wp-block-heading" style="text-align:left">Buttons</h2>



<div class="wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link" href="#">Button</a></div>
</div>



<div class="wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--1"><a class="wp-block-button__link" href="#">Outlined Button</a></div>
</div>



<hr class="wp-block-separator is-style-wide"/>



<h2 class="wp-block-heading" style="text-align:left">Blockquotes &; Pullquotes</h2>



<figure class="wp-block-pullquote alignwide"><blockquote><p>Good design is as little as possible. Less, but better, because it concentrates on the essential aspects. Back to purity, back to simplicity. </p><cite> <br>Dieter Rams</cite></blockquote></figure>