<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/tv-content-align",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "tv-content-align"
}
-->

# tv-content-align

Aligns an element vertically inside its parent element.

## Overview

Use the `tv-content-align` style to specify how an element should be vertically aligned
in its parent element.

Here’s an example that aligns an image to the top of its parent banner:

```xml
<banner>
  <img style="tv-content-align:top" src="" />
</banner>
```

### Values

- `top`: The element aligns along the top edge of the parent element.
- `center`: The element aligns with the center of the parent element.
- `bottom`: The element aligns along the bottom edge of the parent element.

### Elements that Use text-align

- [shelf](/documentation/TVML/shelf)
- [grid](/documentation/TVML/grid)
- [row](/documentation/TVML/row)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)