Make entire a tag area clickable without missing a space

Question

Example case:

<a href="javascript:void(0)" class="dropdown-toggle" type="button" data-toggle="dropdown"><i class="material-icons">share</i>Share</a>

Usually, there'll be missing spot in between <i> and text. Simply apply:

display: block; 

into style properties of a tag. 

E.g 

a {  display: block; }