我的工作靴带，我希望两个徽章更近的距离，但与我目前的代码，它是显示一个在右侧和其他一个在左侧。
我试着给左属性的值，这是工作，但问题是，如果假设第一个徽章的大小得到增加，第二个徽章是与第一个徽章重叠，这是只发生在移动的视图。
有人能告诉我我做错了什么吗？请指引我。
这是我的徽章的CSS代码

.available_badge {
        left: 0% !important;
    }
    .badge-multilet {
        left: 0px !important;
    }
    @media screen and (min-device-width:320px) and (-webkit-min-device-pixel-ratio:2) {

        .badge-multilet {
            right: 0% !important;
            left: inherit !important;
        }
        .available_badge {
            left: 0% !important;
        }
    }