CODE
img{
float: left;
position: relative;
margin: 5px 10px 5px 10px;
border: 1px solid black;
display: inline;
}
float: left;
position: relative;
margin: 5px 10px 5px 10px;
border: 1px solid black;
display: inline;
}
BUT BUT BUT!! When there is not enough text, the image overlaps down the bottom of the section,
see the top image
and it rreeeally is irritating.
I have tried wrapping imgs in their own block, and floating them, and clearing them, and doing anything i could think of.
It seems the only way I can work around this is by putting line breaks in the entry... (and then it doesn't lay out right in a smaller window)...
Has anyone idea on how to fix this dastardly problem?
~h