@ Muz,
This is getting back to pre-scooter-incident discussions. Welcome back mate!
Please have a look at the following
Data:
- Style rules are interpreted by the browser, not by any mysterious consortium in the cloud.
- When no style rules apply for a given element, the browser will apply its own default style to that element.
- Browsers are expected to treat img elements as replaced elements and render the image according to the rules for doing so defined in CSS.
- Images have intrinsic dimensions that are used when replacing the img element.
- The content of replaced elements is not considered in the CSS rendering model.
- For inline elements, the width property does not apply
Deductions:
- An img element is replaced by the designated src attribute, hence its intrinsic dimensions are known and used.
- An img element cannot, by definition, be an inline element.
What then, is the browser's default style rule for the img element?
Have a look at the following two examples, the first using an image, the second using an inline-block element.