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

我有一个div内的文字和图像，我希望文字在图像的顶部对齐，而不是中间。div中的文本和图像 - 如何正确对齐？

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的顶部和图像的相对不中心？

来源

2012-11-07 user1736049

'{H4的margin-top：0; } .book1 {margin-bottom：1em; }'？此外，我没有看到HTML中的任何元素与'.book2'类。 – thirtydot

谢谢！如果你提交你的解决方案作为答案，我会给你正确的答案，因为你是第一个评论者，并为我解决了这个问题。谢谢 – user1736049

不客气。只要保留另一个接受的答案，我不介意。 – thirtydot

它实际上是对齐到顶部。 h4标签有默认的边距，所以设置：

h4 { 
    margin-top: 0; 
}

会做的伎俩。

来源

2012-11-07 17:20:36 fanfavorite

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

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

演示的jsfiddle：
http://jsfiddle.net/e636q/

来源

2012-11-07 17:21:36 micadelli

听到你走。添加

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

上.book1额外的保证金有助于分隔开的个别书籍

来源

2012-11-07 17:22:43

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

回答

相关问题