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

# section

Combines elements and acts as a single element.

## Overview

Overview The section element groups elements together so they can be treated as a single element for layout purposes. Here’s an example that uses a section to hold two movie lockup elements and places them in a shelf element. <shelf>     <header>         <title>Viewers Also Watched</title>     </header>     <section>         <lockup>             <img src="path to images on your server/Car_Movie_250x375_A.png" width="150" height="226" />             <title>Turn</title>         </lockup>         <lockup>             <img src="path to images on your server/Car_Movie_250x375_B.png" width="150" height="226" />             <title>Road</title>         </lockup>     </section> </shelf> Subelements of section header listItemLockup lockup menuItem Elements that Use section carousel grid list menuBar oneupTemplate shelf

## Topics

### Valid TVML Styles

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

### Valid TVML Attributes

- [binding](tvml/binding.md)
- [indexTitles](tvml/indextitles.md)
- [itemID](tvml/itemid.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)
- [row](tvml/row.md)
- [stack](tvml/stack.md)
- [shelf](tvml/shelf.md)