html - 如何在同一行插入div

Question

我试图在同一行插入 4 个 div，但它们一个接一个地插入。我正在努力，但我找不到问题。我可以通过使用 margin 函数移动它来将 block 放置在合适的位置，但我认为有更好的方法。

现在看来: picture

#recent_work {
    width:952px;
    margin:0 auto;
    height:auto;
    position:relative;
    padding-top:15px;

}

#recent_work p:first-child {
    font-family:Montserrat;
    font-size:16px;
    color:#353c3e;
    width:238px;
}

#recent_work p:nth-child(2) {
    font-family:Montserrat;
    font-size:12px;
    color:#8f8f8f;
    width:190px;
    line-height:25px;
}

.grey_block {
    float:right;
    background-color:#eaeaea;
    width:230px;
    height:489px;

}

.orange_block {
    width:230px;
    height:205px;
    background-color:#e05d41;
}

.white_block {
    width:230px;
    height:281px;
    background-color:#FFF;
}



<div id="recent_work">
            <p>RECENT WORK</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis laoreet laoreet leo at dictum.</p>
            <div class="grey_block">
                <div class="orange_block">
                    <img src="img/1.png"/>
                </div>
                <div class="white_block">
                </div>
            </div>
        </div>

Answer 1

您应该使 div display: inline-block 或 float: left 取决于您最终想要实现的实际结果。