如何将两个div显示在同一行上

为了在页面上实现上图所示的方法，你会怎么做。

       自认为对div+css已经很熟悉了，每次写两列式的布局都是采用float属性来实现，但是，不使用float呢，要怎么做到。

        今天被男朋友问到了，赶紧去百度了一下，又发现了两种方法可以来实现，下面我来整合一下我写的三种方法；

html部分：

css部分，方法一：使用float

方法二：使用了“display: inline-block;”这个属性后元素之间会产生间隙，在父元素中设置一个“font-size：0”；可以消除掉间隙。

方法三：同上使用了“display: inline-block;”产生了间隙，也可以设置margin来去除掉，但是不同的浏览器之间设置的margin可能会有所不同，所以不建议使用这种方法。