HTML 텍스트 및 이미지 라인 접기

Question

텍스트 문서 제목 뒤에 이미지가있는 html 페이지가 있습니다. 제목이 충분히 크면 이미지의 일부가 개행 문자로 이동합니다. 그러나 때로는 텍스트 제목이 페이지에 맞지만 이미지가 없기 때문에 이미지가 개행 문자로 바뀝니다. 제목의 마지막 단어로 이미지를 붙이면 이미지가 텍스트의 일부만 새 줄로 이동합니다.

현재 HTML 마크 업 : 별도의 행에 그들을 분할에서 브라우저를 유지해야 IMG와 앵커 태그 사이의 비 분리 공백을 추가

<div class="title"> 
<a href="link to the article">Article title goes here...</a><img src="/pics/.gif"/> 

Answer 1

. 그러나 이미지를 전체 링크에 붙입니다.

링크의 마지막 작업에만 붙인 이미지를 얻으려면 링크에서 마지막 단어를 가져 오거나 이미지를 넣은 다음 마지막 단어와 이미지는 당신에게 당신이 원하는 레이아웃을 줄 것이다.