---
title: row
framework: tvml
role: collectionGroup
path: tvml/row
---

# row

Displays elements horizontally.

## Overview

Overview The row element provides the ability to place elements next to other elements horizontally. Elements are displayed left to right in the order they are listed inside of the row element. Here’s an example that places two buttons inside of a row element. <row>     <buttonLockup>         <badge src="resource://button-preview" />         <title>Preview</title>     </buttonLockup>     <buttonLockup type="buy">         <text>$9.99</text>         <title>Buy</title>     </buttonLockup> </row> Subelements of row badge button buttonLockup organizer subtitle text Elements that Use row banner descriptiveAlertTemplate info itemBanner stack

## Topics

### Valid TVML Styles

- [margin](tvml/margin.md)
- [tv-align](tvml/tv-align.md)
- [tv-content-align](tvml/tv-content-align.md)
- [tv-interitem-spacing](tvml/tv-interitem-spacing.md)

### Valid TVML Attributes

- [autoHighlight](tvml/autohighlight.md)
- [binding](tvml/binding.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Container Elements

- [carousel](tvml/carousel.md)
- [grid](tvml/grid.md)
- [imgDeck](tvml/imgdeck.md)
- [infoTable](tvml/infotable.md)
- [organizer](tvml/organizer.md)
- [section](tvml/section.md)
- [stack](tvml/stack.md)
- [shelf](tvml/shelf.md)