Below are examples of column classes that are available in the block editor.
Two Columns
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.
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.
Three Columns
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.
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.
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.
Cover Block
That cover block is mostly used as a “Hero Section” for Blocks pages.
Cover Block FTW!
Buttons
Because everybody uses buttons… Buttons are super important, so we should make sure they look great.
Quotes of All Kinds
This is just some normal quoted text. Nothing to see here, people.
Citation here
This is just some large quoted text. Nothing to see here, people.
Citation here
Wide Width pullquotes…
What is a pullquote though? I don’t really know. I think it’s like a quote, but pulled. Stretched out across the entire width of the screen, I believe.
Confused Dustin
What is a pullquote though? I don’t really know. I think it’s like a quote, but pulled. Stretched out across the entire width of the screen, I believe.
Confused Dustin
Lists
- item one
- item two
- item three
Preformatted Text and Code
How about some preformatted text?
.button {line-height: 1;}
This is an actual code block:
.button {
border-radius: 50px;
line-height: 1;
}
Images + Galleries
Let’s take a look at a gallery in wide width.
Just a single image below.

Wide width image.

Full width image.

Regular width video.
Wide Width video.
Full Width video.
Separators
Check out these separators. (Can you even see the second one?)
Social Icons
Powered by WordPress, and very easy to use.
Search Bar

The Media + Text Block is Cool
I really do need to use it more, yeah? It would probably save me a lot of time. lol