html - 如何在水平线上排列具有图像的div

Question

我有以下 html..

<div class="container animate" data-animation="pulse">
    <div class="margin30 "></div>
    <h2 class="border-title">Powering payments for <span></span></h2>
    <div class="margin25"></div>
    <div style="display:table-cell;">
        <div>
            <img src="images/clientlogos/pappa.png" title="" width="170" height="88" style="margin-left:5px;">
        </div>
        <div>
            <img src="images/clientlogos/offergrid.png" title="" width="215" height="55" style="margin-left:5px;">
        </div>
        <div>
            <img src="images/clientlogos/index.png" title="" width="121" height="33" style="margin-left:5px;">
        </div>
        <div>  
            <img src="images/clientlogos/fudr.png" title="" width="156" height="65" style="margin-left:5px;">
        </div>
        <div>
            <img src="images/clientlogos/inloc8.png" title="" width="139" height="39" style="margin-left:5px;">
        </div>
    </div>
</div>

谁能告诉我如何将所有具有图像的 div 排成一条水平线。我希望所有图像排成一行

Answer 1

div, img {
    float: left;
    display: inline-block;
}