On a theme I'm working on I want a div which expands to 100% height of the outer div (which I will put around the thumbnail). The purpose of this is to move text further to the right to be aligned as a block paragraph and not wrap around the thumbnail. I would use padding but I want the excerpt's text to be aligned to the left when there isn't an image. I have tried this a couple times to no avail. Suggestions?
can you be more specific? which section of the page - the main list of articles, or the popular list in the sidebar, or both? The main list seems to be working as is?
you probably didn't need to go that route. Adding overflow: hidden to the paragraph changes its block formatting context and would not flow around a float next to it, but would be unaffected if on its own.
Take a look:
http://themeforward.com/demo2/page/2/
My immediate thoughts are to float the image (whether inside a div or figure or not) but that seems a little obvious.
EDIT: Here you go: http://jsfiddle.net/Paulie_D/bjFj3/4/
(Thanks for the starting point Paulie_D.)