Line Break Difference in IE and FireFox

With the display:inline css line in Internet Explorer the two links are side by side with no line break. In Firefox the links are on top of each other. I want the links to be side by side, the display inline works in IE but not in Firefox. Why is this and how can I make Firefox work?

re: Line Break Difference in IE and FireFox

If I remember correctly, anchors are naturally inline. But looking at your code, I would guess it's the block level P tags that are causing the line break.

re: Line Break Difference in IE and FireFox

You can use CSS to say an element is to be displayed inline but that doesn't make the html valid. Paragraphs cannot be enclosed in an anchor element because the DOM tree will still be wrong.

re: Line Break Difference in IE and FireFox

It is a layout issue. I want a rectangle and inside the rectangle I want an image and then some text underneath it. Then I want another rectangle just like it to the right of it and so on. IE and Firefox will put the rectangles side by side, but if I do a <br> or <p> tag (the text below the picture) within the rectangle Firefox puts the whole rectangle underneath each other instead of side by side like IE. I don't understand why you can't have boxes with elements inside them and put them side by side in firefox.

re: Line Break Difference in IE and FireFox

You can but you have to use the language properly. What you have may have worked in IE but that was by accident rather than design.

I'll try and look at this better in a bit.

re: Line Break Difference in IE and FireFox

<p>
<a><img src="">Text here</a><a href=""><img src="">Text here</a>
</p>

re: Line Break Difference in IE and FireFox

I do a bad job describing the problem so I added a pic. The code displays side by side in Internet Explore, but the same code displays in FirexFox in example 2. How do I code the html and css so than is displays in Firefox like example 1.

re: Line Break Difference in IE and FireFox

This is one way to do it.

re: Line Break Difference in IE and FireFox

Thanks, I inserted float:left into the css sytle and it works now.

Thanks again