css - 显示与块 div 列表的第一个 div 内联的 div

Question

抱歉，这是一个如此简单的问题，但我无法弄清楚。如何显示与块 div 列表的第一个 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;
}

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

感谢您的帮助，

蒂姆

score 1 · Accepted Answer

像这样？

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

</p>

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

1 回答 1