하단을 정렬하는 div 옆에 떠 다니는 이미지

Question

div의 왼쪽에 이미지를 플로팅하고 div가 로고의 아래쪽에 정렬되도록 어떻게 할 수 있습니까?

나는 이것을하기 전에 맹세했다. 나는 내가 어떻게했는지 알 수 없다.

See example here

Answer 1

이유는 전혀 떠? 디스플레이를 사용하는 것만으로 : 인라인 블록은 본질적으로 찾고있는 행동을 제공해야합니다. 예 : https://jsfiddle.net/8sj12do1/

.logo{ 
 
    width: 200px; 
 
    height: 200px; 
 
    display: inline-block; 
 
    background: red; 
 
} 
 

 
.link{ 
 
    display: inline; 
 
}

<div class="logo"></div> 
 
<div class="link">Hi</div> 
 
<div class="link">Hi</div> 
 
<div class="link">Hi</div>