Have a list of posts on a site and I want the heading and teaser to display next to them, sort of like this:
|–----------------| HEADING IN LINE WITH TOP OF IMAGE
| | Teaser for post below the heading and
| IMAGE | aligned with the story
Have tried floating the images left and that makes one of the images go to the middle of the page; could fix that by adding clear:left but the text and heading still aren't aligned with the image (see attached image).
The page is at http://virtualvagabond.net/test-home – any advice would be much appreciated.
Hi kiwicerebrus, You need to
You need to float the .views-row as well or add the clearfix class to them so they contains the floated children.
Worked perfectly - you've made my day! Was on the verge of giving up and trying another layout.