Css 如何将一个具有“0”的div居中；“职位”；里面的样式和内容？

如何将具有“位置”样式和内容的div居中？我有下一个代码：

<div class="block" id="block1" style="position:relative;">
    <img />

    <div id="temperature" style="position:absolute; top:50px; min-width: 400px; height: 300px; margin: 0 auto"></div>

    <div id="tempeControl" style="position:absolute; bottom:0; ">   
        <button id="minus" style="height: 28px; width:128px;">-</button>
        <span id="valueTempe" style="font-weight: bold; color: #fea100; width:28px;">0</span>
        <button id="plus" style="height: 28px; width:128px;">+</button> 
    </div>              
</div>

-
0
+ 

---

我试过使用

，

文本对齐：居中（我想是一样的），和
左边距：自动；右边距：自动
当您拥有绝对位置时，请使用以下命令：
左：50%；左边距：-200px
将
200px
更改为元素宽度的一半，包括填充。
无论您在做什么，我都会避免使用
标记，因为它已被弃用。