如何使字体真棒与 div 内联

Question

如何使字体真棒与 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>

Answer 1

我会使用 flexbox 来对齐这两个项目。 请注意<marquee>已过时。

 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>

Answer 2

您可以使用 CSS 将以下内容与您的文本对齐。

display: inline;