Why doesn't img want to be in a div?

Question

css

I need this img to stand in the div to the "Book", and he got up under it and does not want to leave. How to fix it?

Answer 1

First littleguga is right about the score

<div class=="book">, take one away

Secondly, I'll assume that it <img class=" right">sets the right alignment (float: right). When elements are aligned, they fall out of the flow and the parent element collapses to the height of the h2 tag in your case.
If my assumption is correct, then you need to use the (clear: both) property, it should look something like this:

.book:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

A zero-height block-level element will be added to the end of the content of the .book element to prevent it from collapsing.
See how it works here https://jsfiddle.net/zqww24ok/