Posted by Jonathan N. Little on 01/26/06 17:58

David Graham wrote:

>>CSS:
>>.pixboxleft IMG {
>>display: block;
>>}
>
>
> Hi
> I understand your css OK but what is the display: block; for?
> I commented this out and it doesn't seem to do anything. Why can't the img
> element remain an inline element?
> thanks
> David
>
>
>
Because images are displayed inline by default, if you do not explicitly
set the width of the containing block element and with viewport is is
wide enough the text will not wrap under image

+------DIV-------+ The rest of
|[ IMAGE ] text | your page
+----------------+ content ...

Image as block

+----DIV--+ The rest of your
|[ IMAGE ]| page content ...
| text |
+---------+


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]