Html 我怎样才能把我的两个盒子放在同一排？

我有两个盒子我的一个盒子在左边，另一个盒子在底部我怎么能把这两个盒子放在同一排

我试着向右转

.box2{
  width: 280px;
  height: 250px;  
  padding: 10px;
  background-color: white;

}

我的html

<div class="box2">
</div>


<div class="box2">
</div>

---

使用显示：内联；这两个部门都很时髦

.box1{
宽度：1005px；
高度：1000px；
填充：50px；
边框：1px纯红；
左边距：162px；
背景颜色：蓝色；
}
.box2{
宽度：280px；
高度：250px；
填充：10px；
背景色：红色；
}
.box1、.box2
{
显示：内联；
文本对齐：居中；
}

.flex父级{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.盒子{
背景色：红色；
利润率：20px；
填充：20px；
}

方框1
方框2

显示：内联

应该可以做到这一点。。。但我不确定这就是为什么我没有写一个完整的答案。由于

div

s通常使用全宽。（

display:block

）该死的。。。我说了同样的话（我做了一个评论，因为我不确定我是否正确），而你以30秒左右的优势击败了我：(