Question

我需要将文章描述与文章特色图片的右侧对齐。我尝试使用display:inline，但我似乎犯了一些错误。这是问题的一个例子 http://jsfiddle.net/r8zx9nx5/

Answer 1

Yous可以像下面的CSS一样，使用display: inline-block;和vertical-align: top;到.post-description和display: inline-block;到.entry-image

JSFiddle - DEMO

<强> CSS：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.clear{
    clear:both;
    }
.entry-image img {
    border-radius: 15px 0px 15px 15px;
    margin-left: 5px;
}
.entry-image {
    display: inline-block;
}
.post-description {
    display: inline-block;
    vertical-align: top;
}
.entry-description {
    display: inline;
    line-height: 1;
}
.entry-time {
    height: 15px;
    top: 1px;
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    float: left;
    clear: left;
    display: inline;
    margin: 0 auto;
    width: 100%;
}
.entry-excerpt {
    font-size: 12px;
    color: #444;
    float: left;
    clear: left;
}

在div元素旁边对齐包含多个div的div

1 个答案: