답변 3개
이미지를 div 감싸고 스타일 position:relative 로 하세요.
div 안에 텍스트용 div 넣고 해당 스타일을 position:absolute 로 하시고 top, left, bottom, rigth 등을 이용해서 위치를 잡아주시면 됩니다.
https://www.google.com/search?q=css+%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%97%90+%EA%B8%80%EC%9E%90+%EB%84%A3%EA%B8%B0&rlz=1C1CHZL_koKR885KR886&oq=css+%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%97%90+%EA%B8%80%EC%9E%90+%EB%84%A3%EA%B8%B0&aqs=chrome..69i57j0l3j69i64.5782j0j7&sourceid=chrome&ie=UTF-8">https://www.google.com/search?q=css+%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%97%90+%EA%B8%80%EC%9E%90+%EB%84%A3%EA%B8%B0&rlz=1C1CHZL_koKR885KR886&oq=css+%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%97%90+%EA%B8%80%EC%9E%90+%EB%84%A3%EA%B8%B0&aqs=chrome..69i57j0l3j69i64.5782j0j7&sourceid=chrome&ie=UTF-8
댓글을 작성하려면 로그인이 필요합니다.
아래 좌표글 공부하시면 스스로 해결하실 수 있을 겁니다.
https://homzzang.com/b/css-33 (background-image)
https://homzzang.com/b/css?sca=position">https://homzzang.com/b/css?sca=position (position, z-index)
https://homzzang.com/b/css-256 (요소 배치)
댓글을 작성하려면 로그인이 필요합니다.
이미지를 편집해서 세개로 나누신다음 다음과 같이 작업하시면 될것 같습니다
<style>
.img_box:after{content:''; display : table; clear : both; }
.img_wrap{float : left; }
.text_wrap{float:left;}
</style>
<div class="img_box">
<div class="img_wrap">
<img src="이미지 경로">
</div>
<div class="text_wrap">
작성할 텍스트
</div>
</div>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인