你可以设置宽度使其适应内容

Question

我正在尝试使用以下CSS在下面的图片上执行此操作。

background: #0f0f0f none repeat scroll 0% 0%;
text-align: center;
color: #ffffdf;
font-size: 11px;
padding: 3px 9px;
height: 15px;
width: 164px;

我的问题是，宽度是固定的。如何使其适应其内容？第二个栏也使用position：relative和manual bottom和left属性。如何让它旁边的栏至少有4个px或边距？

所以即使它是一个不同的文本，填充仍然是相同的，而另一个栏旁边的边距是相同的。我只是无法弄清楚要使用哪些CSS元素。