<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-1 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-2 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>
<!-- WP QUADS Content Ad Plugin v. 2.0.95 -->
<div class="quads-location quads-ad2" id="quads-ad2" style="float:none;margin:1px;">

</div>

</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-button aligncenter"><a class="wp-block-button__link" href="#">Button<br></a></div>



<div class="wp-block-button aligncenter is-style-outline is-style-outline--dc3427eb4fb035d8d1a736449950bc52"><a class="wp-block-button__link" href="#">Outlined Button<br></a></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>

<!-- WP QUADS Content Ad Plugin v. 2.0.95 -->
<div class="quads-location quads-ad3" id="quads-ad3" style="float:none;margin:0px;">

</div>