Question

I have the following marquee:

<div id="tip"><marquee loop="1" direction="right" behavior="slide">Text</marquee></div>

The above code moves the text from left to right and stops at right edge of div. Is there a way to force it to stop in center of div? I can’t use paddings because the text is random and doesn’t have a fixed length.

current behavior:

--------------------------------------------------------------------------
 >      >      >      >      >      >       >      >      >          Text
--------------------------------------------------------------------------

My desired behavior:

--------------------------------------------------------------------------
    >    >     >    >     >     >   Text
--------------------------------------------------------------------------

Answer 1

would not advice you to use marquee but if you really want to, then you can do this to get your desired effect

<div id="tip">
<div class="stop">
<marquee loop="1" direction="right" behavior="slide">Text</marquee>
</div>
</div>

css

.stop{width:*your choice*;}