Html 如何将图像居中放置在div中？（到目前为止，我的img的左边框居中）

我有以下css代码：

.tos{
    width: 500px;
    margin: 0 auto;
}
.tos-logo{
    width: 10px;
    margin: 0 auto;
}

我想把我的logo（在tos logo div内）放在中间（水平）。到目前为止，左边的边界是中心的，我如何改变它，所以我的图像的中心直接在中间？ 这是我的小提琴：

---

设置

.tos徽标

s宽度使

div

10px宽，但

Lorem ipsum dolor sit amet，是一位杰出的献身者。Nam laoreet commodo magna是一个温和的人。我的自由之车，我的爱欲之星。阿利奎姆·埃拉特·帕特。Nam pharetra felis sapien，在porta nunc hendrerit a。奥古斯·利古拉整数，
在梅特斯的奥纳雷。自由女神弗林利亚的权杖是一种侵权行为。Lorem ipsum dolor sit amet，是一位杰出的献身者。玛比·维塔·戴米罗斯。罗莱姆十字勋章中的前庭节拍精英。
埃蒂亚姆·埃拉特·阿库。turpis酒后驾车的Vivamus。不可抗力，不可抗力，不可抗力，不可抗力，不可抗力，不可抗力，不可抗力。整数tincidunt non metus quis dapibus。莫里斯安特的前庭。整体前庭
在阿库姆桑的莱克托斯。我们的法利特，拉库斯的孕妇，我们的贵人。我是卢克图斯，我是伊库利斯，我是奥古斯都，我是马萨。Lorem ipsum dolor sit amet，是一位杰出的献身者。
这是一种很好的催产素，对孕妇来说是一种有效的催产素。杜伊斯·萨皮恩·塞姆，福西布斯·维塔·塞勒里斯，康茂德·莱克托斯

设置

.tos徽标

s宽度使

div

10px宽，但

Lorem ipsum dolor sit amet，是一位杰出的献身者。Nam laoreet commodo magna是一个温和的人。我的自由之车，我的爱欲之星。阿利奎姆·埃拉特·帕特。Nam pharetra felis sapien，在porta nunc hendrerit a。奥古斯·利古拉整数，
在梅特斯的奥纳雷。自由女神弗林利亚的权杖是一种侵权行为。Lorem ipsum dolor sit amet，是一位杰出的献身者。玛比·维塔·戴米罗斯。罗莱姆十字勋章中的前庭节拍精英。
埃蒂亚姆·埃拉特·阿库。turpis酒后驾车的Vivamus。不可抗力，不可抗力，不可抗力，不可抗力，不可抗力，不可抗力，不可抗力。整数tincidunt non metus quis dapibus。莫里斯安特的前庭。整体前庭
在阿库姆桑的莱克托斯。我们的法利特，拉库斯的孕妇，我们的贵人。我是卢克图斯，我是伊库利斯，我是奥古斯都，我是马萨。Lorem ipsum dolor sit amet，是一位杰出的献身者。
这是一种很好的催产素，对孕妇来说是一种有效的催产素。杜伊斯·萨皮恩·塞姆，福西布斯·维塔·塞勒里斯，康茂德·莱克托斯

.tos logo

是一个块元素，这意味着它自然会占据其父元素的整个宽度。如果未设置固定宽度且未设置边距，则只需使用

text align:center

将块元素中包含的任何内联或内联块元素居中即可

.tos{
宽度：500px；
保证金：0自动；
}
.tos标志{
文本对齐：居中；
}

.tos logo

是一个块元素，这意味着它自然会占据其父元素的整个宽度。如果未设置固定宽度且未设置边距，则只需使用

text align:center

将块元素中包含的任何内联或内联块元素居中即可

.tos{
宽度：500px；
保证金：0自动；
}
.tos标志{
文本对齐：居中；
}

.tos-logo {
    text-align: center;
    margin: 0 auto;
}