<div class="u-cover u-cover-1" > <img src="/static/artist/1656403897.jpg" > <div> <h1>歌手姓名</h1> <p>歌手简介</p> </div> </div> 怎么让图片在左边，姓名和简介在右边

你可以使用 CSS 的 `float` 属性来让图片和文本并排显示，然后使用 `display: inline-block` 让姓名和简介在同一行显示。具体的 CSS 代码如下：

.u-cover {
    width: 100%;
    overflow: hidden;
}
.u-cover img {
    float: left;
    margin-right: 10px;
}
.u-cover div {
    display: inline-block;
}
.u-cover h1 {
    font-size: 18px;
    margin: 0;
}
.u-cover p {
    font-size: 14px;
    margin: 0;
}

你可以将这段代码放在页面的样式表中，或者在 HTML 中使用内联样式来应用。