image box

image box.markdown

image box

A Pen by Ainu Jorge Chambeaud Helguera on CodePen.

License.

index.html

<div class="img-box">
  <div class="image">
    <img src="http://lorempixel.com/output/food-q-c-250-250-10.jpg">
  </div>
  <div class="text">
    <p>Hola</p>
    <p>Mundo</p>
  </div>
<div>

style.css

.img-box .image{
  display : inline-block;
  vertical-align: middle;
}
.img-box .text{
  vertical-align: middle;
  display : inline-block;
}