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

# tv-align

Aligns an element horizontally inside its parent.

## Overview

Here’s an example that centers an image inside of its containing element.

```xml
<img style="tv-align:center" src="" width="182" height="274" />
```

### Values for tv-align

- `center`: The element is aligned with the center of the parent element.
- `leading`: The element is aligned along the leading edge of its parent element.
- `left`: The element is aligned along the left edge of its parent element.
- `right`: The element is aligned along the right edge of its parent element.
- `trailing`: The element is aligned along the trailing edge of its parent element.

### Elements that Use tv-align

- [banner](/documentation/TVML/banner)
- [divTemplate](/documentation/TVML/divtemplate)
- [lockup](/documentation/TVML/lockup)
- [listItemLockup](/documentation/TVML/listitemlockup)
- [overlay](/documentation/TVML/overlay)
- [ratingCard](/documentation/TVML/ratingcard)
- [reviewCard](/documentation/TVML/reviewcard)
- [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)