JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="mywrapper">
    <span ID='CompanyID' runat="server" class="btn btn-sm btn-success compName"> ABC </span>
    <a href="#" ID="lnkBtnRemove" class="btnRemove"><i class="fa fa-times"></i></a>
    </div>
<div class="mywrapper">
    <span ID='CompanyIDw' runat="server" class="btn btn-sm btn-success compName"> ABCw </span>
     <a href="#" ID="lnkBtnRemove" class="btnRemove"><i class="fa fa-times"></i></a>
</div>

CSS

div.mywrapper {
    margin : 15px;
    display:inline-block;
}
a {
    display : none;
}
.mywrapper:hover > a {
    display :inline-block;
    position : relative;
}
div.mywrapper a.btnRemove {
    top:0;
}