[HTML/CSS]Problem z umiejscowienie marquee

Witam,

Sytuacja jest taka, że mam dwa divy wewnątrz diva stopka, jeden ma float na prawo, drugi na lewo. Pomiędzy nimi chcę umieścić marquee, ale wciska mi się pod te divy wewnętrzne, niezależnie czy wstawię pomiędzy te divy, czy za divami. Jakieś porady?

<div id="stopka"><center>
<div id="box1" //float na left></div><div id="box2"//float na right></div>

<marquee>test</marquee>

<p><br>test</p></center>
</div>

 

<div id="stopka">
    <center>
        <div class="col-3">
            <div id="box1"></div>
            
            <marquee>test</marquee>
            
            <div id="box2"></div>
        </div>
        
        <p><br>test</p>
    </center>
</div>

<style>
    .col-3 > * {
        display: block;
        float: left;
        width: 33.33%;
    }
</style>

 

Nie przyniosło efektu.

U mnie jakoś działa https://jsfiddle.net/c61pynmn/1/

Jakoś już ogarnąłem, dzięki