html - 在图像的下/上放置文字

我在页脚中有几张图片，每张图片旁边都有文字。文本总是在图像的下一个/底部，但我希望它在图像的下一个/顶部。
就像在此网站页脚上一样：http://robin-akademie.de/#inhalt

我如何轻松做到这一点？我尝试将文本放入span / p标记，然后在span / p上使用margin-bottom，但这不起作用。

这是我的代码，该代码产生文本的下一个/底部。对于Text1，我尝试了一个跨度并从底部开始将跨度设为5px。但是文字没有反应。文本确实会在左边距上做出反应。

HTML：

<div class="footer">
    <div class="footer_cnt">
        <a href="#"><image src="<?= base_url('media/images/robinblack.jpg'); ?>" /><span>Text1</span></a>
        <a href="#"><image src="<?= base_url('media/images/glocke.jpg'); ?>" />Text2</a>
    </div>
</div>

CSS：

.footer_cnt img{
    margin: 0;
    padding: 0;
    height: 50px;
}
.footer_cnt img a{
    color: white;
    float: left;
}
.footer_cnt span{
    margin-bottom: 5px;
}

最佳答案

应该很简单：

.footer_cnt img{
    margin: 0;
    padding: 0;
    height: 50px;
    display: inline; //the important part of this :)
}

关于html - 在图像的下/上放置文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18757867/