Question

抱歉这是一个很简单的问题，但我无法弄清楚。如何使用块div列表的第1个div显示div内联。

这是一个jsfiddle所以你可以看到我的意思：http://jsfiddle.net/trpeters1/u6pt6/11/

这是HTML的内容：

<div class="">1</div>
<div class="">2</div>
<div class="">3</div>
<div class="title">this is my title</div>

这是CSS：

div{
    width:30px;
    height:30px;
    margin:1px;
    background:red;
}

在这个例子中，我希望带有class="title"的div在数字1旁边显示，而不是在当前的数字3下面的底部。一个重要的警告是，前3个div需要保持在一起，因为它们是由一些PHP代码呈现的。因此，首选基于非嵌套的解决方案。

感谢您的帮助，

添

Answer 1

喜欢这个？

<section>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</section>
<section>
    <div class="title">this is my title</div>
</section>

div{
    width:30px;
        height:30px;
        margin:1px;
        background:red;
}
section{
    float:left;
}
.title {
    width: 150px;
}