How to place glyphicon on bottom right corner of parent div?

Question

<div class="piccard" id="[email protected]">
<div class="tools" id="t-@ii">
<span id="[email protected]" class="glyphicon glyphicon-minus-sign trashicon"></span>
</div>
<a class="fancybox" title="@title" id="[email protected]" rel="gallery" href="@(x.Path + "?image=" + encryptedtoken1)">
<img class="thumbs" data-pcon="@x.Name" onload="imgLoaded(this)" data-newimagename="" src="data:image/gif;base64,somerandomvalue///somerandomvalue" data-src="@(x.Path + "?image=" + encryptedtoken1)" id="[email protected]" alt="Loading..." />
</a>
<a id="[email protected]" data-filename="@x.Name" href="#imagedescription" style="@titledisplay" data-title="@title" data-description="@Description" @titledisplay data-lat="@x.Lat" data-lon="@x.Lon" data-make="@x.Make" data-ecapture="@x.ExifCaptureTime" data-model="@x.Model" data-imgsrc="@(x.Path + "?image=" + encryptedtoken1)" class="addtitlebutton fancybox">
<span id="[email protected]" class="stitle" style="opacity:@Model.Titleopacity">@title</span>
</a>
<div class="tools" id="imgT-@ii">
<span id="[email protected]" class="glyphicon glyphicon-retweet imgTransform"></span>
</div>
</div>


Above is my html. I want to place class imgTransform to bottom right of parent div which has class piccard. How do i do it?