时间戳

首页 > 解决方案 > 水平居中 Font Awesome 图标和文本

css - 水平居中 Font Awesome 图标和文本

问题描述

我有一条水平居中的常规文本行。但是我无法在这个居中文本的左侧放置一个很棒的字体图标。

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

我正在为 WordPress 使用 Avada 主题。

任何帮助将不胜感激。

标签： csswordpressfont-awesome

解决方案

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

见此笔。

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;
}

推荐阅读