Material UI: Place a space between two Typography components

问题

How do I add a space in between two Typography components and align them at the bottom?

Here's my code:

  <div style={{ display: "flex" }}>
    <Typography variant="title" color="inherit" noWrap>
      Project:
    </Typography>
    <Typography variant="body 2" color="inherit" noWrap>
      Example
    </Typography>
  </div>

It looks like this:

Working example: https://codesandbox.io/s/llqry78p29

来源：https://stackoverflow.com/questions/51053161/material-ui-place-a-space-between-two-typography-components