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

标签 css wordpress font-awesome

<分区>


关闭 5 年前

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

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

我正在为 WordPress 使用 Avada 主题。

如有任何帮助,我们将不胜感激。

最佳答案

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

关于css - 水平居中 Font Awesome 图标和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50663669/

上一篇:html - 导航元素之间的随机间隙

下一篇:css - 滚动条导致底部填充

相关文章:

css - *只需使用最小宽度* 隐藏一个 div 元素

php - 如何在另一个指令中调用 Laravel Blade 指令?

java - 包含来自 FXML 的 FontAwesomeFX 图标和字形

html - 使用 Font Awesome 在按钮 div 中显示箭头

html - 无法移动圆圈内的图标

css - 为所有路由 react 路由器 CSS

Jquery .click 显示/隐藏

javascript - 编辑在使用 d3js 的 html 中找不到的文本

php - 在本地主机上运行 Wordpress,希望使其在 Windows Server 2003 上运行

php - WooCommerce 3.0 结账期间出现 "properties should not be accessed directly"问题