Html Can'；当有一个带有链接的按钮时，不要让方框彼此对齐

我想将两个框水平对齐，但是当我添加带有链接的按钮时。这些线是垂直对齐的

.box元素{
盒影：hsl（0,0,80%）0 16px；
背景色：#fff；
边界半径：4px；
填充：10px；
}

订单摘要

产品1

20美元

x2

项目：2
总额：4美元

根据您提供的代码，我认为添加下面的代码应该可以修复布局，使两个框水平对齐，甚至可以使用按钮

.col-lg-6 {
    display: inline-block;
}

---

像这样：？：）Jian，你的html和css文件是分开的吗？然后我会在

.col-lg-6

内的css文件中添加

display:inline block

。