떠 다니는 이미지의 주위에 텍스트를 감싸는 방법

Question

나는 떠 다니는 이미지 주위의 텍스트를 감싸는 방법을 고민하고있다. 문제는 이미지가 상쇄된다는 것입니다. 그것은 div 컨테이너에서 절반 반반해야합니다.

바이올린에서

, 그것은 현재처럼 보이는 당신은 어떻게 볼 수 있습니다 https://jsfiddle.net/nvLtpdtt/2/

그리고 이것은 내가 원하는 방법입니다 https://imgur.com/a/S0Kd8

내가 display: flex, position: relative 또는 position: absolute 및 float: right/left 뭔가를 시도했지만 항상 내가 뭘 찾고 있었는지 아니었다

어떤 도움 이라니?

Answer 1

이미지를 단락 안에 넣고 싶습니다. 거기에서 왼쪽/오른쪽으로 부순으로 텍스트를 감쌀 수 있습니다.

하단 부분에 대해서는 실제로 응답 할 수 없습니다. 그러나 이것이 일회성 일 경우 콘텐츠가 이상적인 경우에만 실행되는 미디어 쿼리에 추가 할 수 있습니다.

https://jsfiddle.net/8ukk28e4/

당신은 또한 기본적으로

.box-img{ 
top: 150px; 
}