Css 如何将div并排放置？

我有四个div类和一个按钮，它们共同构成了一个站点上的单个广告

.awpcp-listing-primary-image-thumbnail
.a
.awpcp-listing-excerpt-content
.awpcp-listing-excerpt-extra
.awpcp-listing-excerpt-inner

我想把每一组放在一起（1个广告），在手机上并排显示2个，在桌面上并排显示4个。如何使用css实现这一点

Html:

我们是
伦敦的专业家庭清洁工。每人12英镑
需要提供的所有设备和材料，
最低预订量&hellip；
2019年3月21日

伦敦

价格：12.00英镑

您可以尝试CSS flex和flex flow属性

display: flex;
flex-flow: row wrap;

---

显示您的html页面请参见上文。谢谢

display: flex;
flex-flow: row wrap;