Marquee overlapping help

[Trill]

Hello,

I am working on a "DJ Says" for my radio site. I've somewhat hard-coded for both the "DJ Tyler Says:" and the message to be on the same line using margin-top. Basically, now it's scrolling over the "DJ Tyler Says:" part, and I want it to end before it gets to the ":" if that makes sense.

Example:

Code that displays the message and DJ Tyler Says:

 <div class="dj-says">
            <?php
                echo "DJ {$array2['username']} Says:";
?>
       </div>
        <div class="dj-says-scroll">
            <?php
                echo "<marquee>{$array['message']}</marquee>";
?>
       </div>

Here's "dj-says-scroll" CSS:

.dj-says-scroll {
    margin-top: -20px;
}

Any idea how to sort this?

Thanks!

 

[Queef]

Add like a padding-left:50px; to the .dj-says-scroll.

 

[Trill]

Add like a padding-left:50px; to the .dj-says-scroll.

Thanks. Easier than I thought.