2 różne kolory tekstu w jednej linijce. Drugi tekst ma się przesuwać w prawo i w lewo w tej samej linijce.

Question

Witam.

Mam z pozoru banalnie proste pytanie, ale to może wydawać się trudniejsze niż można przypuszczać. Kombinuję coś takiego, ale przesuwający się niebieski tekst znajduje się pod czerwonym tekstem:

<p>
	<span style="color: red">czerwony tekst:	</span><span style="color: blue"><marquee behavior="alternate">niebieski tekst</marquee></span>
</p>

A chciałbym, aby ten bajer znajdował się w jednej linii:
czerwony tekst:    niebieski tekst

Niebieski tekst ma się przesuwać z prawej do lewej i na odwrót w jednej linii.

Obecnie wygląda to tak:
czerwony tekst:    
niebieski tekst (tu się przesuwa z prawej do lewej)

Mam dodać diva do kodu czy macie jakieś inne pomysły?

Answer 1

Nie ogarniam dobrze CSS, ale coś takiego mi przyszło do głowy (wiem, że brzydkie, ale jakoś działa)

https://jsfiddle.net/yvbrzLs3/

Comments

Wielkie dzięki za pomoc, kolego.

Tak przypuszczałem, że trzeba dodać diva, bo inaczej nie da się tego zrobić. Zaraz przetestuję to u siebie i zobaczę jaki będzie efekt końcowy.

---

Tylko zauważ, że ten ruchomy napis wyjeżdża poza zewnętrznego div'a. Nie wiem jak to inaczej zrobić, ale może Ty coś wymyślisz.

---

<marquee width="x">

---

Już to ogarnąłem. Trochę pozmieniałem w stylach CSS i jest super.

Jeszcze raz wielkie dzięki za pomoc.