Javascript 如何对齐一行中的图像

有人能告诉我这个语法中我做错了什么吗？我试图让徽标呈现在一条线上，而不是堆叠在另一条线上

我已经创建了一个JSFIDLE，如果这有助于我试图解释的内容：

HTML

尝试：

div#图像div{
显示：内联块；
}

var ANS_customer_id=“a502c38f-5a39-422d-aa53-a363d6e0fcbax”；

只需删除包装图像的div即可。白色空间不用于元素定位。所有这些建议都很好，并且已经在我的语法中实现了。非常感谢。这种语法更容易实现，而且工作起来很有魅力！

   <div id="images">
      <div class="AuthorizeNetSeal"><script type="text/javascript" language="javascript">var ANS_customer_id="a502c38f-5a39-422d-aa53-a363d6e0fcbax";</script><script type="text/javascript" language="javascript" src="https://verify.authorize.net/anetseal/seal.js" ></script></div>
      <div><a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img src="https://www.paypalobjects.com/digitalassets/c/website/marketing/na/us/logo-center/9_bdg_secured_by_pp_2line.png" border="0" alt="Secured by PayPal" /></a></div>
      <div><a href="//www.shopify.com/pci-compliant?utm_source=secure&amp;utm_medium=shop" title="This online store is secured by Shopify" target="_blank"><img src="//cdn.shopify.com/s/images/badges/shopify-secure-badge-light-shadow.png" alt="Shopify secure badge" width="138" height="60" /></a></div>
   </div>

images {
    white-space: nowrap;
}