Html CSS居中，带有自动边距，但没有宽度

我有一个用于IAB广告牌广告的子标题容器，需要说明容器中广告的两种不同宽度，其中广告应居中

我的问题是——是否有任何解决方法可以避免使用“自动宽度”在居中元素上设置宽度

我的基本代码结构如下：

<div class="sub_header_wrap" style="width:970px">
    <div class="ad" id="pencil00" style="margin:0 auto;min-height:30px">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>

此解决方案似乎在

.sub\u header\u wrap

容器中生成了额外的4px计算高度。

解决方案是

<div class="sub_header_wrap" >
    <div class="ad" id="pencil00" style="margin:0 auto;min-height:30px;max-width: 970px;text-align: center;">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>

或

---

我将了解如何在此问题中添加一个片段。不确定我是否可以共享供应商提供的示例广告代码。

<div class="sub_header_wrap" >
    <div class="ad" id="pencil00" style="margin:0 auto;min-height:30px;max-width: 970px;text-align: center;">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>

<div class="sub_header_wrap" style="width:970px;text-align:center">
    <div class="ad" id="pencil00" style="text-align:left;display:inline-block;min-height:30px; margin-bottom: -4px;">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>