Css 三列，中间带绝对图标的列

我已经做了三列，中间的一列旁边有一个绝对图标，但是当你在手机上显示它或者屏幕与我的屏幕不同时，问题就发生了。如果调整屏幕大小，图标将向左移动

问题是，我使用了图标的绝对位置，没有其他方法可以做到这一点吗

我想得到这个：

表格{
文本对齐：居中；
边缘顶部：20px；
}
运输署{
填充：20px；
}
#中校{
背景：浅蓝色；
宽度：90px；
}
#Iconway{
颜色：红色；
字体大小：100px；
位置：绝对位置；
顶部：140px；
右：985px；
}
.col1{
背景：幽灵白；
宽度：400px；
}
.col2{
背景：幽灵白；
宽度：400px；
}

单词
C
R
E
A
T
I
N
G
判决
单词
判决
单词
判决
单词
判决
单词
判决
单词
判决

不要在绝对定位元素上设置

left

或

right

属性，而是使用

auto

将其居中，然后使用左/右边距将其移动

例如，这些设置看起来大致正确：

#iconArrow {
  right: auto;
  margin-left: 6px;
  /* other attributes */
}