与填充的箱子边界

Question

我有以下代码：

.submit_wrap {
    padding: 1px;
    border: 1px solid #b0e1c4;
}

.submit {
    height: 20px;
    background: url(images/design/button_bg.gif) repeat-x;
    padding: 1px 10px 0 10px;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

.submit:hover {
    background: url(images/design/button_bg_selected.gif) repeat-x;
}

我正在尝试将其应用于提交按钮：

<div class="submit_wrap">
    <input class="submit" type="submit" name="submit" value="Conectare">
</div>

但不是得到这样的东西：

我明白了：

我可以设置submit_wrap类的宽度，但问题是我想将此类应用于更多提交按钮，并且此按钮的宽度不同。 我该怎么办？

Answer 1

display: inline-block

将其添加到.submit_wrap