<ul class="kakao_list">
  <li>
    <a href="#">
      <img src="https://via.placeholder.com/150
C/O https://placeholder.com/" class="kakao_img">
      <div class="text">
        <h1 class="kakao_name">지은</h1>
        <span class="kakao_m">inspring day</span> 
      </div> 
    </a>
  </li>
</ul>
.kakao_list {
  display : block;
  list-style : none;
}
.kakao_list>li {
  dispaly : block;
  width : 600px;
  background-color : rgba(0,0,0,0.1);
}
a {
  text-decoration : none;
  color : #000;
}
.kakao_img {
  display : inline-block;
  vertical-align : middle;
} 
.text {
  display : inline-block;
  vertical-align : middle;  
} 
.kakao_m {
  color : gray;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.