어떻게 수평으로 나는 수직으로 부착 screnshot 같은 CSS와 이미지 옆에 텍스트를 정렬하려면 어떻게 CSS

Question

과 이미지 옆에 텍스트를 정렬 않습니다.

예 :이 게시물에 screnshot을 첨부했습니다.

Answer 1

이미지를 플로트시키고 텍스트 아래에 overflow:hidden을 넣으면 이미지 아래로 이동하지 않습니다.

Answer 2

를 사용하여 이미지의이 CSS 스타일

clear:both 

Answer 3

간단한 플로트 ususaly 트릭이 심지어 텍스트 인 경우 이상보다 이미지에 addapt 할 텍스트를 만드는, 그래서

img { 
    flaot:left; 
} 
p { 
    flaot:left; 
} 

을 수행 이미지의 높이, 그것은 그것의 아래에서 뒤 틀릴 것입니다.

Answer 4

<p><img src="https://www.google.com/images/srpr/logo3w.png" style="float:left;padding-right:12px" width="280" />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> 
<br style="clear:both" /> 
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> 

테스트하십시오.