也可以用父元素的 padding margin 解决

    <a href onclick="showAllTagsandPosts(); return false;"   id="allCateTagPostBtn" style="width: 80%"> 
              <!-- 这个函数 在 catefilter.js 里面 -->
              <i class="fa fa-folder-open " aria-hidden="true" ></i>
              <sup style="font-size:0.7em; float:none; position:relative; left: -7px;">14</sup>        
              <i class="fa fa-tags " aria-hidden="true" style="position:relative; left: -7px;" ></i>
              <sup style="font-size:0.7em; float:none; position:relative; left: -14px;">203</sup>
              <i class="fa fa-files-o " aria-hidden="true" style="position:relative; left: -17px;" ></i>
              <sup style="font-size:0.7em; float:none; position:relative; left: -23px;">734</sup>
            </a>