Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

Could I get a few concrete examples of how these two differ? It seems that replaced inline elements have properties like width, height, margin etc that non-replaced inline elements don't have (thus making the difference between block elements and replaced inline elements harder to explain) and vice versa, inline-blocks have some of the delicate features that inline elements have as well...

They sorta meet in the middle it seems coming from two different ends...

share|improve this question
replaced? If an element has inline it will be display inline, if it has inline-block` it will be an inline-block element... – Jamie Hutber Jul 9 at 15:30
yes but replaced inline elements and non-replaced behave differently to a certain extent... – fast-reflexes Jul 9 at 15:31
Could you give examples, maybe a jsfiddle.net? My understanding is that there is no difference. Still, check it out with an inspector and see for yourself i guess. – Jamie Hutber Jul 9 at 15:36
I think the key difference is that replaced inline elements have intrinsic dimensions and some of these can't be fully styled via css (e.g. a form input) – Fabrizio Calderan Jul 9 at 15:42
@Fabrizio Calderan: that's definately a difference I didn't think of, thanks! – fast-reflexes Jul 9 at 15:48

1 Answer

up vote 0 down vote

Maybe this fiddle will give you a better insight in inline, inline-block and block

http://jsfiddle.net/4h9JS/

The biggest difference is that inline-block is still an inline element, but behaves as a block element

share|improve this answer
Thanks but this example doesn't even contain a replaced inline element – fast-reflexes Jul 9 at 15:49

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.