在网页设计中，有时需要在图片上方再加一些文字信息。比如在一篇博客中，需要在一张图片上方加上图片的简介，或者在一篇产品介绍页面中，需要在产品的展示图片上方加上产品的名称等信息。这时，就需要用到CSS技术来实现。 首先，要让图片和文字在同一行显示，可以使用CSS的float属性来实现。设置图片的float属性为left或right，就可以让图片向左或右浮动，文字就会自动填充图片的剩余空间。比如：

img {
float: left;
}

那么如何让文字显示在图片的上方呢？这里可以使用CSS的position属性来实现。首先，需要设置图片容器（一般是一个div元素）的position属性为relative，然后再设置文字的position属性为absolute，并指定top属性为负值，比如-20px，这样文字就会跳到图片上方。

This is an example image.
.img-container {
position: relative;
}
.caption {
position: absolute;
top: -20px;
}

最后，可以通过CSS的padding属性来给文字添加一些间距，让它看起来更加舒适。比如：

.caption {
position: absolute;
top: -20px;
padding: 8px;
background-color: #fff;
}

这样就可以让一张图片上方再添加一些文字信息了。使用float、position和padding这些CSS属性，可以轻松实现图片和文字的组合效果，让页面设计更为丰富和美观。