How to make MUI Typography without newline?

Question

The default Typography in MUI moves next tag-element on new line, how to customize this component, when next f.e. was on this line?

I use this component.

Answer 1

Rather than override the style, just apply the inline prop or display prop (depending on your version).

Previous to 4

<Typography inline>Left</Typography>
<Typography inline>Right</Typography>

4.x

<Typography display="inline">Left</Typography>
<Typography display="inline">Right</Typography>

https://material-ui.com/api/typography/