html中div标签放一行

如下图，在网页中要想实现这种布局形式，及所有的框（div标签）放在同一行，有以下方法。

方法一：

display: inline-block

方法二：

float: left

方法三：

display: flex;
flex-direction: row;