如何让<p>在大于文本其余部分的单词周围换行

Question

我很难让我的<p>文本包含几个我用span标记加粗加粗的单词。我在连接一个代码笔。

HTML

<div class="infoContainer">                                     <!--BEGIN INFO SECTION-->
    <div class="bio">
        <h3>STORY OF THE BAND</h3>
        <p><span id="bioPop">Coldclock<br>Knockout</span> is a hard rock band hailing from Tampa Bay, Florida.
            The band formed in April of 2015 after a vocalist Robby Lynch and drummer Bryan Acton
            placed a Craigslist ad seeking a bassist.</p>
    </div>
</div>

CSS在Codepen链接中，因为它不能正确地格式化。

Here's a code pen link.。

Answer 1

只在你的#bioPop中添加float:left。

它应该能工作！！