css中怎么让文字在图片上方

在CSS中，想让文字在图片上方有几个方法：

1.使用float属性和margin

例如：

<div class="image">
    <img src="image.jpg">
    <p>这是图片上的文字</p>
</div>

.image {
    float: left;
    margin-right: 20px;
}

p {
    margin-top: 0;
}

这种方法让图片和文字使用一个父元素，给图片使用float属性，让图片浮动在左侧，给文字使用margin-top属性，使其距离图片有一定的距离。

2.使用position属性

例如：

<div class="image">
    <img src="image.jpg">
    <p>这是图片上的文字</p>
</div>

.image {
    position: relative;
}

p {
    position: absolute;
    top: 0;
    left: 0;
}

这种方法让图片和文字使用一个父元素，给父元素使用position属性，让其成为一个相对定位的元素，这样子元素使用position属性时，相对于该父元素进行定位。给文字使用position属性，并设置top和left值为0，让文字定位于图片之上。

综上所述，我们可以使用两种方法来让文字在图片上方，可以根据具体的使用场景选择合适的方法。