Html 中心响应引导转盘

我正在尝试完全定制一个引导转盘。我需要把它放在边栏上，指示器在底部（旋转木马外面）。到目前为止，我能在大屏幕上工作，但在较小的屏幕上，旋转木马不在中间居中。有没有办法使它居中（不使用边距）？提前谢谢

目前的结果是： 相关元素的HTML：

。其他文章{
填充：1.2rem；
}
.其他文章>h3{
字体大小：.8rem；
}
.其他{
填充：1.2rem；
利润上限：1.2rem；
边缘底部：1.2rem；
}
.其他地方{
保证金上限：1.5雷姆；
}
.其他条款{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
柔性包装：包装；
}
.其他物品{
显示器：flex；
对齐项目：居中；
边框底部：1px实心rgba（1621631630.344）；
边缘顶部：.2rem；
}
.最后一次{
边框底部：无！重要；
}
.项目其他条款img{
边界半径：3px；
边缘顶部：-.7rem；
高度：50px；
宽度：56px；
flex-grow:0；
弹性收缩：0；
}
.项目其他条款{
左侧边缘：.7rem；
}
.项目其他条款txt>h6{
字体大小：.7rem；
}
.item其他文章txt>p{
字体大小：.6rem；
}
@介质（最大宽度：965px）和（最小宽度：780px）{
.其他物品{
文本对齐：居中；
}
}

其他地方
滑雪升降机
滑雪升降机
滑雪升降机

你试过文本中心类吗？你的代码片段对我来说完全正常…@LakinduGunasekara我试过了，但什么都没有。@Matt看图片，旋转木马粘在左边。