如何使用 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>
如何使用 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>