This block is deprecated. Please use the Columns block instead.

Example #1

Code Structure

<div class="is-layout-flex wp-container-9 wp-block-columns">
<div class="is-layout-flow wp-block-column">
<p class="has-text-align-center has-background-color has-pale-cyan-blue-background-color has-text-color has-background">Block 1</p>
</div>



<div class="is-layout-flow wp-block-column">
<p class="has-text-align-center has-background-color has-pale-cyan-blue-background-color has-text-color has-background">Block 2</p>
</div>
</div>

Example #2

Code Structure

<div class="is-layout-flex wp-container-13 wp-block-columns">
<div class="is-layout-flow wp-block-column">
<p class="has-text-align-center has-secondary-background-color has-background">Block 1</p>
</div>



<div class="is-layout-flow wp-block-column">
<p class="has-text-align-center has-secondary-background-color has-background">Block 2</p>
</div>



<div class="is-layout-flow wp-block-column has-secondary-background-color has-background">
<p class="has-text-align-center has-secondary-background-color has-background">Block 3</p>
</div>
</div>