jquery - 图像和评论交错的问题

Question

我对图片和评论的位置有疑问。它们以交错的方式放置。我希望它们并排放置在一条直线上。您可以在下图中看到问题。

Live Demo

我尝试添加这段代码:

display:inline-block;

还是不行。

Answer 1

Fiddle

使用以下代码更改您的 css 代码...

.CommentStyle {
    border: 2px solid black;
    border-radius: 4px;
    margin-bottom: 10px;
    float: left;
    margin-right: 20px;
    width: 220px;
    height: 30px;
}

.CommentImage {
    height: 50px;
    width: 50px;
    display:block;
}