水平居中Font Awesome图标和文字

Question

我有一个水平居中的常规文本行。但我无法在这个居中的文本左侧找到一个字体真棒图标。

我用于对齐的任何CSS规则，将图标放在最左边，文本居中。

我正在使用WordPress的Avada主题。

非常感谢任何帮助。

Answer 1

获取p元素中的图标和文本，然后将p。

居中

请参阅此Pen。

<强> HTML

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<div class="container">
  <p><i class="fas fa-camera-retro"></i> Icon text</p>
</div>

<强> CSS

.container p {
  text-align: center;
}