In order to centre text, we use the text-align CSS property with the value 'centre'.
In order to centre elements within elements (i.e nested elements), we need to apply two properties to the contained element:
- display: block;
- margin: 0 auto;
The block display forces a line-break both before and after the
element is rendered.
The margin setting of auto causes an equal distribution of space to both the left and right side of the horizontal margin.