채택완료

CSS 텍스트 줄바꿈 질문드립니다.

display:line;

white-space:normal;


저렇게 값을 주면 텍스트 줄바꿈이 이미지 아래로 넘어가버립니다..

제가 원하는건 텍스트 바로 아래 줄바꿈이 되게끔 하려고 하는데 좋은 방법 없을까요?

9166b1fe84688cc91a690890b7e50ade_1499576661_8319.png
 


|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2017-07-09 (일) 14:14:21

<style>

.warp:after { clear:both; display:block; content:""; *zoom:1 }

.img { float:left }

.txt { float:left; padding:5px; white-space:normal; width:80px; }

</style>

<div class="warp">

<div class="img">이미지</div>

<div class="txt">가나다라마바사아</div>

</div>

답변에 대한 댓글 1개

답글 달아주셔서 감사드립니다. 덕분에 빨리 해결할수 있었네요. ^^~

답변을 작성하려면 로그인이 필요합니다.