Html coding question

The Marquee tag does not work with many browsers these days and I have tried multiple time to find out how to code the following simple html text using CSS without any luck. I just do not have the programming chops nor can I find and online editor to do it for me.

[marq=left]<img src="images/smiles/006.gif" width="25" height="29"> [size=18]Unable to view videos - Try a different browser[/size] <img src="images/smiles/006.gif" width="25" height="29"> [size=18]Unable to download files - Try a different browser[/size] <img src="images/smiles/006.gif" width="25" height="29">[/marq]

Just hoping that one of our web gurus has an idea for me on how to fix it with current website compliant coding. I am aware that my meager coding attempt is a mix of html and BB code. :sunglasses:


GPT4 says something like this, and it looks about right:

<div class="marquee">
    <div class="item">
        <img src="images/smiles/006.gif" width="25" height="29">
        <span class="message">Unable to view videos - Try a different browser</span>
        <img src="images/smiles/006.gif" width="25" height="29">
.marquee {
    overflow: hidden;
    position: relative;
    animation: marquee 15s linear infinite;

.marquee:hover {
    animation-play-state: paused

.item {
    display: flex;
    width: 100%;
    height: 200px;
    justify-content: center;
    align-items: center;

.item img {
    width: 25px;
    height: 29px;

.message {
    font-size: 18px;
    padding: 0 15px;

@keyframes marquee {
    0% {
        transform: translateX(100%);

    100% {
        transform: translateX(-100%);

Example file here (change the suffix from txt to html to run it in a browser)
example.txt (954 Bytes)

I will give it a try and get back to you.
Thanks. :sunglasses: