Why is the card with the landscape photo not in the row in Chrome?

HTML & CSS
1

Does anyone have any idea why the card with the landscape photo is not in the row in Chrome? It is in the row in Firefox ,Internet Explorer and Opera!

You can chekout the example here: [B]http://jsfiddle.net/XZPZZ/3/[/B]

2

Hi marcoegli. Welcome to SitePoint. :slight_smile:

This seems to be causing problems, but I’m not quite sure why:


.landscape {
  vertical-align: middle;
  width: 100%;
}
3

Thank you for this hint. When I do absolute positioning the card is in the row but the image is not positioned in the middle. And I still don’t understand why the card is not aligned itself.

.landscape {
    width: 100%;
    position:absolute;
    left: 0;
    top: 0.5em; 
}