仅使用php和html将20px添加到auto width（没有java脚本）

我有许多使用php方法调用的模板文件

我有一个使用此方法的项目列表。其中一个项目需要（2）在后面显示您需要多少。问题是，如果我将我的编号（2）添加到模板后面，模板文件中的格式将把它放在下一行，并且它不会显示在同一行的项目后面

这不起作用：

2.

我用float提出了一个解决方案：对；使用一个名为“right”的类来为我实现这一点

2.

问题是，这是一种非常偏右的做法

当我将宽度改为自动而不是400px时，我将在图标图像和文本之间显示（2），文本将流向下一行。不知何故，我的模板的格式弄乱了自动宽度属性

模板：

项目

由于这都显示在一个div中，该div根据我的请求加载不同的内容，所以java脚本将无法正常工作

有没有办法只使用PHP或HTML代码将20px添加到自动宽度 比如下面显示的代码是工作代码，而不是我显示的非工作代码

宽度：

我所需要的是一些额外的宽度，将取代400px，使它看起来像是在我的行尾的常规内联文本。我可以手动设置每个模板，但我经常使用这个模板，我不知道它会如何影响不同计算机上的用户。
java脚本方法将不起作用，因为我试图从该位置触发一些简单的东西，除非javascript不再响应，否则这些东西本不可能失败

使用的CSS类：

.itemicon {  //contains actual item icon image

    position: absolute;
    margin-left:-10px;
    margin-top:3px;
    top: -2px;
    left: 10px;
}

.iconreagent { //box that contain the icon image with border image

    margin-right:0px;
    width:26px;
    height:26px;
    position:relative;
    float: left;
}

.reagent_encader { //this is background image that acts as a non-glowing border

    background: url(border image link.png) no-repeat center transparent;
    background-size: 100% 100%;
    height: 22px;
    position: relative;
    top: -2px;
    width: 22px;
    left: -2px;
}
.reagent_encader:hover { //this is background image that acts as a non-glowing border when you hover
    background:url(glowing border image link.png) no-repeat center !important;
}

.white{ color:#f7ebd6 !important; }

链接到实际页面：
我的答案是阿雷菲的答案“右边距：-20px；”意思是“宽度=自动+20px；”这是非常有用的。自动宽度的问题仍然出现，没有任何问题。然而，它确实允许我把它放在更恰当的文本后面。我需要增加宽度，以修复过度流入下一个框中的内容line@NinjaDevelopers据我所知，标题上说没有脚本。我的意思是没有java脚本解决方案，因为它不会同步java脚本。将编辑标题