如何使用 div 制作超棒的内联字体

How to make font-awesome inline with div

如何使用 div 制作超棒的字体?

HTML

<div class="row clearfix">
    <div class="col-lg-12">
        <div class="alert alert-info" role="alert">
            <span aria-hidden="true"><i class="fa fa-warning"></i></span>
            <marquee>Lorem..</marquee>
        </div>
    </div>
</div>

您可以使用 CSS 执行以下操作以在文本旁边对齐。

display: inline;

我会使用 flexbox 来对齐两个项目。请注意 <marquee>obsolete.

div[role="alert"] {
  display: flex;
}
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<div class="row clearfix">
  <div class="col-lg-12">
    <div class="alert alert-info" role="alert">
      <span aria-hidden="true"><i class="fa fa-warning"></i></span>
      <marquee>Lorem..</marquee>
    </div>
  </div>
</div>