[Please check jsFiddle for a complete example with CSS][1].
No one of these elements should have a fixed width or height. As you can see in the jsFiddle, I have used `float:left` (130px) on the image and `margin-left` (140px) on the other elements, in order to align them correctly.
My problem is that I have lots of images with a **variable width**. I just can't change the margin every time I have a new image. I want the other elements (`h4` and `div`) to be able to dinamically adapt to the remaining width:
![enter image description here][2]
![enter image description here][3]
How can I achieve this?
Please help, I am really stuck.
[1]: http://jsfiddle.net/Simo990/fqHGn/1/
[2]: http://i.stack.imgur.com/hGRBZ.png
[3]: http://i.stack.imgur.com/Knae1.png
以上就是Image floated left with fluid measure的详细内容,更多请关注web前端其它相关文章!