Like that, But I need the blue "hidden" box to push the other content boxes inside the container. I've tried floats and inline-blocks... Not sure what I am missing.
For the purpose I need it for, I have 200x200 thumbnails of my work. I'd like to be able to hover over it then display a info box to the right of it.
Fixed version for anyone who might need to see the same thing. Trick in CSS is to use the "+" selector. Making the .image:hover target the next child of the same parent.
http://codepen.io/anon/pen/GEHol
Like that, But I need the blue "hidden" box to push the other content boxes inside the container. I've tried floats and inline-blocks... Not sure what I am missing.
For the purpose I need it for, I have 200x200 thumbnails of my work. I'd like to be able to hover over it then display a info box to the right of it.
Actually just got it working. Mistake was in the markup.
http://codepen.io/anon/pen/GEHol
Fixed version for anyone who might need to see the same thing. Trick in CSS is to use the "+" selector. Making the .image:hover target the next child of the same parent.