---
title: Displaying Components Side By Side
framework: applenews
role: article
role_heading: Article
path: applenews/displaying-components-side-by-side
---

# Displaying Components Side By Side

Configure a side-by-side, horizontal arrangement of components for your article.

## Overview

Overview In Apple News Format, you can display child components of Container, Chapter, Section, and Aside, side by side and horizontally by using the contentDisplay type HorizontalStackDisplay. The child components are sized to match the minimumWidth and maximumWidth values defined in the ComponentLayout object of these components. To redistribute the empty space inside a horizontal stack collection, use the FlexibleSpacer object. This object provides flexible space between components in a container only when its contentDisplay value is set to horizontal_stack. note: In versions of iOS before iOS 12, child components are vertically stacked if the container’s contentDisplay property is defined as the new horizontal_stack type.

## See Also

### Article Structure

- [Nesting Components in an Article](applenews/nesting-components-in-an-article.md)
- [Adding a Scene to a Chapter or a Section Header](applenews/adding-a-scene-to-a-chapter-or-a-section-header.md)
- [Creating an Article Link](applenews/creating-an-article-link.md)
- [Header](applenewsformat/header.md)
- [Container](applenewsformat/container.md)
- [Section](applenewsformat/section.md)
- [Chapter](applenewsformat/chapter.md)
- [Aside](applenewsformat/aside.md)
- [CollectionDisplay](applenewsformat/collectiondisplay.md)
- [HorizontalStackDisplay](applenewsformat/horizontalstackdisplay.md)
- [FlexibleSpacer](applenewsformat/flexiblespacer.md)
- [Divider](applenewsformat/divider.md)
- [ArticleLink](applenewsformat/articlelink.md)
- [SupportedArticleIdentifier](applenewsformat/supportedarticleidentifier.md)
- [PublisherArticleIdentifier](applenewsformat/publisherarticleidentifier.md)