css最小宽度和自动宽度组合

Question

我想将div设置为某个宽度的最小值，但如果内容更多则自动扩展。我有短代码形式的选项卡菜单选项，每个选项有2个字符。某些选项可以跨越3,4个或更多字符。每当要显示超过2个字符的选项时，div应自动扩展。我已经在JavaScript中完成了一次但不想在这里使用，因为我有太多的项目，主要是寻找基于CSS的解决方案。

我同时尝试了min-width和auto宽度，但它们无效。

以下是我的代码：

.inner{
    width:auto;
    min-widht:23px;
    margin:2px 2px 2px 2px;
    height:23px;
    border: 3px solid #A3A0FA;
    border-radius: 1px;
    text-align:center;
    box-shadow: 0px 1px 1px transparent inset, 0px 0px 8px transparent;
    padding-left:5px;//Added after posting the question, this works for me
    padding-right:5px;//Added after posting the question, this works for me
}

<div class="inner">AB</div>
<div class="inner">ABCD</div>
<div class="inner">ABC</div>

提前致谢！