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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -