Multiple DIV inside DIV - new line in IE7

Question

My using below code

<div>
<MARQUEE>
<ul>
<li>
<div>1</div>
<div>2</div>
<div>3</div>
</li>
</ul>
</MARQUEE>
</div>

The problem is that 1,2,3 are displayed vertically. This happening only in IE7. What i have to change for this to display this in horizontally?

Thanks in Advance

note this happens in Chrome too ... and should happen in all browsers are a `div` is a block element — Manse, Mar 19 '12 at 12:26

score 1 · Accepted Answer · answered Mar 19 '12 at 12:25

1

To make div elements display horizontally try something like this :

ul li div {
    float:left;
}

answered Mar 19 '12 at 12:25

Manse

The example you have provided to me also contains "MARQUEE" tag. Can you give me replacement of "MARQUEE" tag.Thanks – Palani Mar 20 '12 at 12:31
1

The link is to the official HTML specification showing you that Marquee has been deprecated ... for alternatives see http://stackoverflow.com/questions/337330/javascript-marquee-to-replace-marquee-tags – Manse Mar 20 '12 at 12:32

1 Answers1