How to make <p> wrap around a word that is larger than the rest of the text

Question

I'm having trouble getting my <p> text to wrap around a couple words I made very bold and large with a span tag. I'm linking a code pen.

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 is in Codepen link because it wouldn't format properly.

Here's a code pen link..

Answer 1

只在#bioPop中添加float:left。

它应该工作!!