如何減少自舉圖形之間的間距

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>