CenterCenters content vertically and horizontallyImportimport { Center } from '@mantine/core';SourceView source codeDocsEdit this pagePackage@mantine/coreDocumentationComponent propsStyles APIUsageCenter is a wrapper for commonly used center pattern:<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}> Centered content</div>All elements inside Center are centered<Center style={{ width: 400, height: 200 }}> <div>All elements inside Center are centered</div></Center>InlineTo use center with inline elements set inline prop. For example, you can center link icon and label:Back to Mantine website<Anchor href="https://mantine.dev" target="_blank"> <Center inline> <ArrowLeftIcon style={{ marginRight: 5 }} /> <span>Back to Mantine website</span> </Center></Anchor>Go backAppShell – @mantine/coreUp nextContainer – @mantine/coreTable of contentsUsageInlineBuild fully functional accessible web applications faster than everProjectContribute to MantineMedia assetsChangelogReleasesCommunityJoin Discord communityFollow on TwitterEmail newsletterGitHub discussionsFeedbackYour feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done goodLeave feedbackBuilt by Vitaly Rtishchev and these awesome peopleJoin Discord communityFollow Mantine on Twitter