위 이미지를 보시면 이미지옆에 결제수단 글씨가 와야 하는데 어떻게 해야 할까요?

 

html과 css 작성한 것을 보여드리겠습니다.

 

 

 

html

 

<div class="medium">
        <div class="payment">
            <div class="subject">
                <img src="img/payment.png" style="width:40px;">
                <div class="subject_name">
                결제수단
                </div>   
            </div>
        </div>
</div>

 

 

 

css

 

.medium {
    height: 500px;
    margin-left: 20px;
    margin-right: 20px;
}

.medium .payment {
    height: 150px;
    margin-top: 20px;
   
}

.medium .payment .subject {
  
}

.medium .payment .subject .subject_name {
    font-size: 18px;
    font-weight: bold;
    color: #f6a54f;
    letter-spacing: -2px;
    width: 70px;
 
}

 

너무 지식이 없어서 기본인데도 잘 모릅니다ㅠㅠ 도와주세요

정말 알려주시면 고맙겠습니다!!!