html - 如何将图标和p标签对齐在同一行（materializecss）

Question

我正在使用物化 css 和材料图标，试图在图标旁边放几个数字，但我不知道该怎么做。这是代码：

<i class="material-icons">person</i>
<p>123123</p>

如果有人可以提供帮助，那就太棒了！

标签： htmlcssmaterial-designmaterialize

Answer 1

您只需将“float:left”样式属性添加到您的图标标签。试试下面的代码。

  <i class="material-icons" style="float:left">person</i>
  <p>123123</p>