如何减少自举图形之间的间距

Question

我有两个图形，我想彼此相邻，但它们之间有一定的空间，我似乎无法摆脱它。

下面是它的外观：

这里是我的代码：

<div class="form-group" id="authForm"> 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
    </div> <!-- end form-group --> 
    <div class="form-group" id="authForm"> 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
    </div> <!-- end form-group --> 

CSS：

.glyphicon { 
    font-size: 25px; 
    vertical-align: middle; 
} 
#authForm { 
    display:inline-block; 
    width:150px; 
} 

Answer 1

减少或删除#authForm的宽度。

.glyphicon { 
 
    font-size: 25px; 
 
    vertical-align: middle; 
 
} 
 
#authForm { 
 
    display:inline-block; 
 
    width:30px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-group" id="authForm"> 
 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
 
    </div> <!-- end form-group --> 
 
    <div class="form-group" id="authForm"> 
 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
 
    </div> <!-- end form-group -->

Answer 2

简单地使用跨度，需要HTML表单元素形式的基团。

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> 

<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>