如果是这样的图片怎么让它在网页里居中呢

就是怎么能够让div里的图片（它上面还有文字）能够水平居中呢

.buy{
        margin: 0 auto;
        text-align: center;
        width: 300px;
        height: 300px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }