Title: Row block
Author: Leonardus Nugraha
Published: November 24, 2022
Last modified: May 25, 2026

---

# Row block

## In this article

 * [Block toolbar](https://wordpress.org/documentation/article/row-block/?output_format=md#block-toolbar)
    - [Transform to](https://wordpress.org/documentation/article/row-block/?output_format=md#transform-to)
    - [Drag button](https://wordpress.org/documentation/article/row-block/?output_format=md#drag-button)
    - [Move arrows](https://wordpress.org/documentation/article/row-block/?output_format=md#move-arrows)
    - [Change items justification ](https://wordpress.org/documentation/article/row-block/?output_format=md#change-items-justification)
    - [Change vertical alignment](https://wordpress.org/documentation/article/row-block/?output_format=md#change-vertical-alignment)
    - [Change alignment](https://wordpress.org/documentation/article/row-block/?output_format=md#change-alignment)
    - [More options](https://wordpress.org/documentation/article/row-block/?output_format=md#more-options)
 * [Block Settings](https://wordpress.org/documentation/article/row-block/?output_format=md#block-settings)
    - [Settings](https://wordpress.org/documentation/article/row-block/?output_format=md#settings)
    - [Layout](https://wordpress.org/documentation/article/row-block/?output_format=md#layout)
    - [Color](https://wordpress.org/documentation/article/row-block/?output_format=md#color)
    - [Typography](https://wordpress.org/documentation/article/row-block/?output_format=md#typography)
    - [Dimensions](https://wordpress.org/documentation/article/row-block/?output_format=md#dimensions)
    - [Border](https://wordpress.org/documentation/article/row-block/?output_format=md#border)
    - [Advanced](https://wordpress.org/documentation/article/row-block/?output_format=md#advanced)
 * [Changelog](https://wordpress.org/documentation/article/row-block/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/row-block/?output_format=md#wp--skip-link--target)

[Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/)

Use the **Row block** to arrange blocks horizontally.  

![A row block in the block editor](https://wordpress.org/documentation/files/2022/
11/row-block-1-1024x352.png)

Click the (**+**) icon to open the block inserter pop-up window and search for the
Row block.

![Adding a row block using the block inserter](https://wordpress.org/documentation/
files/2022/11/adding-a-row-block-1.gif)

You can also use the keyboard shortcut /row-block to quickly insert a Row block.

Detailed instructions on adding blocks can be found [here](https://wordpress.org/documentation/article/adding-a-new-block/).

## 󠀁[Block toolbar](https://wordpress.org/documentation/article/row-block/?output_format=md#block-toolbar)󠁿

To view the block toolbar, click on the block, and the toolbar will be displayed.

Every block comes with unique toolbar icons. These block-specific controls allow
you to manipulate the block right in the editor.

The Row block shows six buttons in the block toolbar:

![Block toolbar for the row block](https://wordpress.org/documentation/files/2022/
11/row-block-toolbar.png)

 * Transform to
 * Drag
 * Move up/down
 * Change items justification
 * Change vertical alignment
 * Align
 * Options

### 󠀁[Transform to](https://wordpress.org/documentation/article/row-block/?output_format=md#transform-to)󠁿

![Tranform option in the row block](https://wordpress.org/documentation/files/2022/
11/row-block-transform-1.png)

Click on the **Transform **button to convert the Row block into **Quote**, **Columns**,
or **Cover **blocks. It’s also possible to unwrap the Row block.  

### 󠀁[Drag button](https://wordpress.org/documentation/article/row-block/?output_format=md#drag-button)󠁿

![Drag button in the row block](https://wordpress.org/documentation/files/2022/11/
row-block-moving-tools-1.png)

To drag and drop the block to a new location on the page template, click and hold
the **Drag** button, then drag it to the new location. The blue separator line indicates
where the block will be placed. Release the left mouse button when you find the 
new location to place the block.

### 󠀁[Move arrows](https://wordpress.org/documentation/article/row-block/?output_format=md#move-arrows)󠁿

![Move arrows in the row block](https://wordpress.org/documentation/files/2022/11/
row-block-move-arrows.png)

The **Move** **up** and **Move down** buttons can be used to move the block up and
down on the page.

Detailed instructions on moving a block within the editor can be found [here](https://wordpress.org/documentation/article/moving-blocks/)

### 󠀁[Change items justification ](https://wordpress.org/documentation/article/row-block/?output_format=md#change-items-justification)󠁿

![Change items justification in the row block](https://wordpress.org/documentation/
files/2022/11/row-block-horizontal-alignment.png)

Click the **Change items justification** button in the Block toolbar to display 
the justification drop-down. You can justify the block text to the left, make it
center-justified, align it to the right or leave a space between items.

### 󠀁[Change vertical alignment](https://wordpress.org/documentation/article/row-block/?output_format=md#change-vertical-alignment)󠁿

![Change vertical alignment in the row block](https://wordpress.org/documentation/
files/2022/11/row-block-vertical-alignment.png)

Use the **Change vertical alignment** tool to reposition the _Row _block. The following
is a list of the block alignment options:

 * Align top
 * Align middle
 * Align bottom

### 󠀁[Change alignment](https://wordpress.org/documentation/article/row-block/?output_format=md#change-alignment)󠁿

![Change alignment tool in the row block](https://wordpress.org/documentation/files/
2022/11/row-block-alignment.png)

Use the **Change alignment tool** to change the width of the _Row _block. The following
is a list of the block width options:

 * None
 * Wide width
 * Full width

### 󠀁[More options](https://wordpress.org/documentation/article/row-block/?output_format=md#more-options)󠁿

The More option on a block toolbar gives you more features to customize the block.

[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block Settings](https://wordpress.org/documentation/article/row-block/?output_format=md#block-settings)󠁿

The block settings panel contains customization options specific to the block. To
open it, select the block and click the **Settings** button next to the Publish 
button.

![Settings icon in the block editor](https://wordpress.org/documentation/files/2022/
11/settings-icon.png)

Here are the options for the _Row_ block:

### 󠀁[Settings](https://wordpress.org/documentation/article/row-block/?output_format=md#settings)󠁿

Click the **Group** or **Stack** button in the Block Settings to transform the Row
block to **Group** or **Stack** blocks. 

![Group and Stack block options for the row block](https://wordpress.org/documentation/
files/2022/11/row-block-settings-1.png)

### 󠀁[Layout](https://wordpress.org/documentation/article/row-block/?output_format=md#layout)󠁿

The **Row block**_ _provides Layout settings options to change the justification
or orientation of the text and to wrap to multiple lines.

For details, refer to this support article: [Layout settings overview](https://wordpress.org/documentation/article/layout-settings-overview/)

### 󠀁[Color](https://wordpress.org/documentation/article/row-block/?output_format=md#color)󠁿

The **Row block**_ _provides Color settings options to change the text, background,
and link colors.

For details, refer to this support article: [Color settings overview](https://wordpress.org/documentation/article/colors-settings-overview/)

### 󠀁[Typography](https://wordpress.org/documentation/article/row-block/?output_format=md#typography)󠁿

The **Row block**_ _provides typography settings to change the font family, appearance,
line height, letter spacing, decoration, letter case, and font size.

For details, refer to this support article: [Typography settings overview](https://wordpress.org/documentation/article/typography-settings-overview/)

### 󠀁[Dimensions](https://wordpress.org/documentation/article/row-block/?output_format=md#dimensions)󠁿

The **Row block** provides dimension settings options to add padding and margin.

For details, refer to this support article: [Dimension settings overview](https://wordpress.org/documentation/article/dimension-controls-overview/)

### 󠀁[Border](https://wordpress.org/documentation/article/row-block/?output_format=md#border)󠁿

The **Row block** provides border settings options to add border color, width, and
radius.

For details refer to this support article: [Border settings overview](https://wordpress.org/documentation/article/border-settings-overview/)

### 󠀁[Advanced](https://wordpress.org/documentation/article/row-block/?output_format=md#advanced)󠁿

The Row block provides the following Advanced settings options: HTML Anchor, Additional
CSS Class(es), HTML Element, Styles, and Allowed blocks.

[Learn more about advanced settings](https://wordpress.org/documentation/article/advanced-settings-overview/)

## 󠀁[Changelog](https://wordpress.org/documentation/article/row-block/?output_format=md#changelog)󠁿

 * Updated 2026-05-25 (props @kjoyner @awetz583)
    - Updated “Advanced” section to refer to new overview page
    - Conver paragraphs to heading blocks
 * Updated 2022-11-25
    - Added link to Border and layout settings overview page and removed content
      from this page
 * Created 2022-11-24

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/row-block/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Frow-block%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

November 24, 2022

Last updated

May 25, 2026