关于#html#的问题：怎么可以让标签和文本框在图片右侧

Question

.rside{
width:1200px;
height:600px;
top:42px;
left:200px;
bottom:0;
position:absolute;
background:linear-gradient(60deg,gray,white);
}
.center{
width:1000px;
height:120px;
background:linear-gradient(50deg,gray,white);
top:50px;
left:80px;
position:relative;
}

.center img{
width:100px;
height:100px;
border-radius:50%;

}
.center input{
top:5px;
display:flex;
}

<div class="rside">
<label>个人中心</label>
<div class="center" >
<img id="avatar" src="images/01.jpg"/>
<input type="text" id="name"/>
<a><label>收货地址</label></a>
<a><label>优惠卷</label></a>
</div>
<div class="message"></div>
<div class="collect"></div>
</div>

怎么可以让标签和文本框在图片右侧？

Answer 1

    <div class="rside">
    <label>个人中心</label>
    <div class="center" >
        <img id="avatar" src="images/01.jpg"/>
        <div>
            <input type="text" id="name"/>
            <a><label>收货地址</label></a>
            <a><label>优惠卷</label></a>
        </div>
        
    </div>
    <div class="message"></div>
    <div class="collect"></div>
    </div>

        .rside{
        width:1200px;
        height:600px;
        top:42px;
        left:200px;
        bottom:0;
        position:absolute;
        background:linear-gradient(60deg,gray,white);
        }
        .center{
        width:1000px;
        height:120px;
        background:linear-gradient(50deg,gray,white);
        top:50px;
        left:80px;
        position:relative;
        display: flex;
        }
         
        .center img{
        width:100px;
        height:100px;
        border-radius:50%;
         
        }
        .center input{
        top:5px;
        display: block;
        }