Css DIV中部不能有中心元素 我有一个小箭头，我想把它放在我的div中间，使它看起来像一个旋转木马/幻灯片控制，像下一个按钮或前一个按钮。无论有没有引导，我似乎都无法让它工作

我错过了什么？它是更大结构的一部分，也许这就是原因

以下是Html：

.III{
高度：800px；
宽度：100%；
填充：0；
边缘顶部：50px；
边缘底部：50px；
位置：相对位置；
}
塞门先生{
背景颜色：蓝色；
高度：90px；
宽度：90px；
边界半径：90px；
保证金：0自动；
显示：内联块；
文本对齐：居中；
}
萨吉蒂卡先生{
显示：内联块；
文本对齐：居中；
保证金：0自动；
}

元素带有

。semn

类具有

显示：内联块属性。因此，
text align:center
属性不起作用。尝试删除它

结果


.III{
高度：800px；
宽度：100%；
填充：0；
边缘顶部：50px；
边缘底部：50px；
位置：相对位置；
}
塞门先生{
背景颜色：蓝色；
高度：90px；
宽度：90px；
边界半径：90px；
保证金：0自动；
/*显示：内联块*/
文本对齐：居中；
}
萨吉蒂卡先生{
显示：内联块；
文本对齐：居中；
保证金：0自动；
}



元素带有
。semn
类具有
显示：内联块属性。因此，
text align:center
属性不起作用。尝试删除它

结果


.III{
高度：800px；
宽度：100%；
填充：0；
边缘顶部：50px；
边缘底部：50px；
位置：相对位置；
}
塞门先生{
背景颜色：蓝色；
高度：90px；
宽度：90px；
边界半径：90px；
保证金：0自动；
/*显示：内联块*/
文本对齐：居中；
}
萨吉蒂卡先生{
显示：内联块；
文本对齐：居中；
保证金：0自动；
}



您可以使用flexbox解决此问题。只需将DisplayFlex属性应用于圆形div，并将项目居中对齐即可

    .semn{
background-color: blue;
height:90px;
width:90px;
border-radius:90px;
margin:0 auto;
display: flex;
align-items: center; 
text-align: center; 
}

您可以使用flexbox来解决此问题。只需将DisplayFlex属性应用于圆形div，并将项目居中对齐即可

    .semn{
background-color: blue;
height:90px;
width:90px;
border-radius:90px;
margin:0 auto;
display: flex;
align-items: center; 
text-align: center; 
}

请尝试使用bootstrap 4

<div class="row">
    <div class="col-12">
        <p class="mx-auto d-block "> > </p>
    </div>
</div>


>
请尝试使用bootstrap 4

<div class="row">
    <div class="col-12">
        <p class="mx-auto d-block "> > </p>
    </div>
</div>


>
我正在使用bootstrap 4，当我尝试此方法时，它不起作用尝试
它是BS4我正在使用bootstrap 4，当我尝试此方法时，它不起作用尝试
它是BS4