Margin, position and padding not working when display:inline is set. also weird behaviour from relative position?

You might want to use display: inline-block; Instead. As far as I know, margin definitely doesn't work with display: inline, and the others might not either, however with inline-block they do, and the element will position itself inline, while still being able to set it's dimensions. To make this work with older versions of IE, add these two lines: *display: inline; zoom: 1; It's horrible, but it works.

I've tried inline-block. The elements don't show up in a line at all. Its just one below the other... – Nav 2 days ago Can you post a simple test case in a JSFiddle?

Also, using Firebug or Chrome's inspector to see what styles are actually applied to the element will help a lot. – JamWaffles 2 days ago In IE, if you start off with an inline element, you shouldn't need the horribleness. So whenever you need an inline-block, just use a span instead of a div, should be fine.(I once spent 2 hours over this stupidity >.

– Nav 2 days ago In the fiddle, you're still using inline, which you've been told doesn't work. If you switch to inline-block, it's one under another because the container is of insufficient width. If you fix that, it works on Chrome; it still won't on IE, due to IE bug described above (only originally inline elements can become inline-block, so you need to either trick them into becoming inline temporarily as @JamWaffles describes, or use elements that default to inline, like span).

– Amadan 2 days ago.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions