Material UI - 将图标与版式文本居中对齐

Question

如何将图标与文本对齐到同一水平。截至目前，我看到图标位于文本的上方。我尝试使用padding-top: 5pxand ，margin-top: 5px但这似乎没有按预期工作。

  <Box>
    <Typography variant="h2">
      Photography <FaCamera />
    </Typography>
  </Box>

我使用Stackblitz创建了一个工作示例。有人可以帮忙吗？

Answer 1

<Typography variant="h2">
  Photography <FaCamera  style={{verticalAlign:"middle"}}/>
</Typography>

您可以尝试内联样式“verticalAlign”，它对我有用。