Why does Chrome select text from separate divs instead of the current div?

Consider the following html:

Enforcing consistent table-cell text wrapping when final cell is “width 100%”

See the two-cell table in the demo here.
https://plnkr.co/edit/EpAX5Mo5YWetj02E

Cross-browser way to automatically scale image when text grows using CSS in a teaser box

I’m building a teaser component in HTML using an image and a title. So something like this: