Section 3.19 Side-by-Side Panels
A
<sidebyside>
is a useful organization of elements in a horizontal layout, and so begins to blur the line between content and presentation. While we default to organizing information in a vertical sequence, it is often desirable to organize smaller elements adjacent to each other horizontally. Specifically, images, tabular, figures, tables, paragraphs, and more, may all be combined and there is good control over vertical and horizontal alignment. Captioning, both overall and individually, is especially flexible. An <sbsgroup>
(“side-by-side group”) collects multiple <sidebyside>
to stack vertically, which allows for displays in grids. See Section 4.23 for details.