Css div中的文本和图像-如何正确对齐？

我在一个div中有文本和图像，我希望文本在图像的顶部对齐，而不是在中间对齐

下面是它的外观：

CSS:

---

如何使文本位于div的顶部，而不是相对于图像的中心？

它实际上与顶部对齐。h4标记具有默认边距，因此设置：

h4 {
  margin-top: 0;
}

我会成功的

.book img {
    float: right;
    width: 150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.book {
    margin-bottom: 2em;
    overflow: auto;
}

演示JSFIDLE:
听你说。加

h4 { margin-top: 0; }
.book1 {margin-bottom: 1.5em;}

---

.book1上的额外页边距有助于将单个书籍隔开

h4{margin top:0；}.book1{margin bottom:1em；}

？另外，我在HTML中没有看到任何类为

.book2

的元素。谢谢！如果你提交你的解决方案作为一个答案，我会给你正确的答案，因为你是第一个评论，并解决了我的问题。谢谢，不客气。我不介意再接受一个答案。

h4 { margin-top: 0; }
.book1 {margin-bottom: 1.5em;}