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

Question

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

它是这样的:http://bitly.com/VSSoul

CSS:

.book1 {
    width: 100%;
    overflow: auto;
}

.book2 {
    width: 100%;
    overflow: auto;
}

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

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

Answer 1

它实际上与顶部对齐。 h4 标签有默认边距，所以设置:

h4 {
  margin-top: 0;
}

会成功的。