Html 如何在同一行中安排两个ID不同的div？

目前的代码如下：

div{
宽度：100px；
高度：100px；
背景色：透明；
边框：1px透明；
}
部门#我的部门1{
-webkit变换：矩阵（1，-0.3,0,1,0,0）；
}
部门#我的部门2{
-webkit变换：矩阵（1,0.3,0,1,0,0）；
}

a
b
c

不确定这是否是您想要的，但我只是做了与图像相同的事情。我为每一行添加了一个

wrapper

，并添加了一些css以使

divs

内联

div{
宽度：100px；
高度：100px；
背景色：透明；
边框：1px透明；
文本对齐：居中；
}
.包装纸{
显示：内联；
}
部门#我的部门1{
-webkit变换：矩阵（1，-0.3,0,1,0,0）；
显示：内联块；
}
部门#我的部门2{
-webkit变换：矩阵（1,0.3,0,1,0,0）；
显示：内联块；
}
部门#myDiv3{
-webkit变换：矩阵（1,0.3,0,1,0,0）；
}

a
b
c

但是，如果要以相同的顺序打印“abcdef”，如何安排代码？与我执行

ab

部分的方式相同，将其更改为

cd

，

ef

，等等。根据需要调整css我现在面临的问题是这样做：

a

d

b

e

c

f

它将显示在同一行中，但我想显示在coloms中