html - Separately adjusting the height of 2 span elements in div -
my code
<div id="open-toolkit"> <span class="glyphicon glyphicon-briefcase" style="margin-right: 4px; font-size: 18px;"></span> <span class="glyphicon glyphicon-chevron-right" style="font-size: 12px"> </span> </div>
here jsfiddle https://jsfiddle.net/danielyaa5/m2q9aloa/2/
want move right-chevron icon upward cant seem so, adding margin top seems move whole row down, same adding padding.
https://jsfiddle.net/m2q9aloa/6/
method=1
<div> <span id="open-toolkit" class="glyphicon glyphicon-briefcase" style="margin-right: 4px; font-size: 18px;"></span> <span class="glyphicon glyphicon-chevron-right" style="font-size: 18px;"></span> </div>
method=2
<div> <span id="open-toolkit" class="glyphicon glyphicon-briefcase" style="margin-right: 4px; font-size: 18px;"></span> <span class="glyphicon glyphicon-chevron-right" style="font-size: 12px;top:-2px;position:relative"></span> </div>
Comments
Post a Comment