Html 图片位于图像的右下角

我试图在图片的右下角得到一个小图标。因此，图像的右下角有一个小图标

<div> 
<div class="tab-pane" id="activity">
    <div class="post clearfix">
    <?php 
    $suppport = $app->get_supportpage();
     foreach($suppport as $support){
    ?>
    <div class="user-block" style="margin-top:5px;">
      <img style="margin-top:3%;"class="img-circle" src="/assets/images/profielfotos/64hond.jpg">       
      <span class="username"><a href=""><?php echo $support['van_naam'] ?></a></span>
      <span class="description">                                      
<div style="  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px;">
<b><?php echo $support['bericht']; ?></b><br>
31 minuten geleden<p style="float:right;"><?php echo $support['type']; ?></p></div>
</span>

     </div><hr>
    <?php } ?>
   </div>
  </div>                            
</div>

31分钟geleden

使用div而不是img标记，使用背景图像：url（“路径”）作为图像，并在图标上设置position:absolute

.image{
宽度：100px；
高度：100px；
位置：相对位置；
背景色：石灰；
背景图片：url（//www.w3schools.com/Html/pic_trulli.jpg）；
背景尺寸：封面；
}
.image.icon i{
位置：绝对位置；
底部：0px；
右：0px；
字体大小：33px；
颜色：蓝色；
}

欢迎来到堆栈溢出。我假设

64hond.jpg

是您想要在其上放置一个小图标的图像，但我无法确定该图标是什么。你的代码里有吗？你还忘了解释你有什么问题。@KIKOSoftware图标不在他们的文件夹中，你可以只取一个字体很棒的图标或其他东西。问题是我不能让它工作。我刚编辑了我的帖子，你所需要做的就是改变你图片的图片路径，我还听说你的图标是一个字体一个图标，所以我就是这么做的