React MUI 5 타이포그래피 텍스트 정렬 센터

이 섹션에서는 react js를 사용하여 mui 5에서 텍스트 중앙을 타이포그래피하는 방법을 살펴봅니다. mui 5에서 텍스트를 중앙에 배치할 수 있는 두 가지 방법이 있습니다. 먼저 인라인 react css를 사용할 수 있고 두 번째로 mui 5 props를 사용할 수 있습니다.
view

React MUI 5 타이포그래피 텍스트 정렬 센터

1) 인라인 반응 CSS를 사용하는 MUI 5 텍스트 센터.

import { Typography } from '@mui/material';

export default function Home() {
  return (
    <>
      <Typography variant="h5" style={{ textAlign: 'center' }}>
        React MUI 5 Text Align Center Using Inline CSS
      </Typography>
    </>
  );
}

1)React MUI 5 Props를 사용하는 MUI 5 텍스트 센터.

import { Typography } from '@mui/material';

export default function Home() {
  return (
    <>
      <Typography variant="h5" align="center">
        React MUI 5 Text Align Center
      </Typography>
    </>
  );
}

또한 읽기

1. Install & Setup Vite + React + Typescript + MUI 5
2. React MUI 5 404 Page Example