---
title: "Using the Media & Text Block"
description: "The WordPress editor packs a few fundamental blocks including the Media & Text block that allows you to easily add text with an adjacent image. This block of text and image was added into the..."
url: https://www.inmotionhosting.com/support/edu/wordpress/using-the-media-text-block/
date: 2020-04-10
modified: 2021-08-16
author: "InMotion Hosting Contributor"
categories: ["WordPress Tutorials"]
type: post
lang: en
---

# Using the Media & Text Block

![](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/health-clinic-doctor-1.jpg)

The WordPress editor packs a few fundamental blocks including the **Media & Text** block that allows you to easily add text with an adjacent image. This block of text and image was added into the **Media & Text** block to demonstrate the use of the block. Follow the tutorial below to learn how to find and use the block in your posts and pages.

The appearance of a block may depend on the formatting used within your selected WordPress theme.

Searching for a home for the WordPress you’re building? Look no further than InMotion’s [WordPress Hosting](https://www.inmotionhosting.com/wordpress-hosting) solutions. You’ll find secure, optimized servers configured to your budget needs.

- [How to Add the Media and Text Block](#adding)
- [Using the Media and Text Block](#using)

## Adding the Media and Text Block

You will need to be [logged into the WordPress Administrator Dashboard](https://www.inmotionhosting.com/support/edu/wordpress/logging-into-wordpress-dashboard/) in order to add, edit or remove blocks. The main advantage of this block is that it can be set or not set for mobile use.

![Blank Media & Text block](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/media-and-text-block-a.jpg)*Blank Media & Text Block*

1. Open an existing page or post, or create a new one.
2. Click on the circled + sign in order to add a new block.
3. Type **Media & Text** to bring up the block. You can also find it in the **Layout Elements**. The screenshot above shows how the block will appear.

## Using the Media & Text Block

The **Media & Text** block is simple to understand. One side you can put the image and the other is where you place the text.

![select image](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/add-media.png)

When you add an image you have the option of having the image displayed on the left or right. You can upload a new image or use one from the media library.

![add text here](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/add-text.png)

Here you can see the content portion on the right. You can add text that pertains to the image on the left.

**Block Menu**

[![](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/width-option.png)](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/width-option.png)

[![left or right options](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/image-side.png)](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/image-side.png)

![Vertical alignment](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/vertical-alignment.png)

- The first item in the block menu is the width option. It will determine how the block covers the page
- The next option is to determine the side for the image or text
- The last option is for the vertical alignment of the block content

![](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/block-properties.png)

The block properties for the Media & Text block allow you to allow for the image to stack on a mobile device, or you can set it to not stack. You can also set the background color of the block.

The **Stack on mobile** option is the main option that sets the block apart from simply using a table or column block. If you disable the option then a mobile device will see the graphic with the text to the right or left. Here is an example:

[![](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/mobile-not-stacked.png)](https://www.inmotionhosting.com/support/wp-content/uploads/2020/04/mobile-not-stacked.png)*Example of forcing option to not stack image*

Congratulations! You now know how to use the Media & Text block in the WordPress Editor. To learn more about using WordPress, please see our [WordPress Education Channel](https://www.inmotionhosting.com/support/edu/wordpress/).