Basic example

Middle positions content in the centre of the screen along the horizontal axis.

With a max width

You can override the default max-width using the maxWidth prop.

With a different text alignment

You can override the default text-align of center using the textAlign prop.

With a large view max width

You can add a max-width for large views using the width prop.




The maximum width of Middle. Default is 30rem.


The alignment of text within Middle. Default is center.


The max width for large viewports.

Matthew James Cowlishaw, Matthew David Smith and Daniel Francis Butters, each Insolvency Practitioners of Teneo Restructuring Ltd, were appointed Joint Energy Administrators of Bulb Energy Limited on 24 November 2021. The affairs, business and property of the Company are managed by the Joint Energy Administrators. The Joint Energy Administrators act as agents of the Company and contract without personal liability.