---
title: Wrapping Text Around a Component
framework: applenews
role: article
role_heading: Article
path: applenews/wrapping-text-around-a-component
---

# Wrapping Text Around a Component

Define the layout of a text component to wrap around another component.

## Overview

Overview You can wrap the text of one body component around another component by using the targetAnchorPosition property of the Anchor object. For example, you can wrap body text around a pull quote. You can include an Anchor object in a text component to vertically align that component to the position of a text character in a body component. If they also share columns, these components would then overlap. In the case of overlap, the text would automatically wrap around the component that contains the Anchor object. Consider the following figure: The article has a 7-column layout. A body component starts in column 0 and spans 5 columns. A pullquote component starts in column 4 and spans 3 columns. A pullquote component contains an Anchor object that aligns the pull quote with a character range in the second paragraph of the body component.

tip: For a step-by-step process for creating an inset pull quote, see Advanced Design Tutorial 2: Layout and Positioning. Get started at Setting Up the Advanced Tutorials.

## See Also

### Article Layout

- [Planning the Layout for Your Article](applenews/planning-the-layout-for-your-article.md)
- [Positioning the Content in Your Article](applenews/positioning-the-content-in-your-article.md)
- [Layout](applenewsformat/layout.md)
- [ComponentLayout](applenewsformat/componentlayout.md)
- [Anchor](applenewsformat/anchor.md)
- [Margin](applenewsformat/margin.md)
- [AutoPlacementLayout](applenewsformat/autoplacementlayout.md)
- [AdvertisingLayout](applenewsformat/advertisinglayout.md)