Html 将图像放置在中间，从左到右留有最小边距

我正在网页中插入图像。我想把它放在中间，从左到右的最小边距为10px。此外，它还应根据介质宽度保持其宽度<代码>边距：0 auto将其定位在中心位置，但不会从两侧保持20像素的最小边距

我怎样才能达到目标？

CSS

div{
    margin-left: 10px;
    margin-right: 10px;
}
img{
    margin: 0 auto;
}

HTML

请添加您的代码。您可以使用display:inline block将图像置于中间，而不是边距：0 10px。对于所有这些文本，您可以制作一个示例。将图像包装在一个div中，给出该div display:table和image display:table单元格。我希望这个评论和你的问题一样容易理解。

<div>
    <img src="image.png"/>
</div>