You can change the vertical alignment of content by setting the vertical‑alignment property to one of the following values: top, middle, bottom. You can align content vertically by applying the vertical‑alignment property to a row, to individual cells, or to a content element.
Set the vertical‑alignment property on a row to align vertically all elements in the row at the same position. Figure 11‑29 shows the results of setting a row’s vertical-alignment property to middle. All the labels in the row, which has a specified height, appear in the center vertically.
Figure 11‑29 Vertical-alignment property setting for a row
Set the vertical-alignment property on a cell to control the vertical position of elements in the cell. Figure 11‑30 shows the results of using a different vertical‑alignment value for each grid cell that contains a label.
Figure 11‑30 Vertical-alignment property settings for cells that contain one element
Figure 11‑31 shows the results of using a different vertical alignment value for each cell that contains two inline elements. An inline element is one that has no line break before or after it, and for which the Display property is set to inline. Two inline elements in a cell appear side by side on a single line.
Figure 11‑31 Vertical-alignment property settings for cells that contain multiple elements
