ขอความช่วยเหลือเรื่องเว็บครับ

คือเป็นอย่างนี้นะครับ

<div class="parent">
    <div class="1"><img src="..." style="width: 100%;height: auto"></div>
    <div class="2"><span>ข้อความ</span></div>
</div>

คือตัว class="1" มันเป็นความสูงอัตโนมัติครับ
แล้วผมอยากให้ความสูงของ class="2" เป็นความสูงที่เหลือของ parent ต้องทำอย่างไรเหรอครับ?

http://image.ohozaa.com/view2/xJgsW5mT5Y4GniNq

พอดีผมจะทำให้ตัวหนังสืออยู่ตรงกลางครับ
ขอบคุณครับ