How to make Typography material-ui without <br>

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/

Set the display style of the component to anything other than block.

<Typography style={{display: 'inline-block'}}>Left</Typography>
<Typography style={{display: 'inline-block'}}>Right</Typography>

As of material 4 you can do this

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

Related