이미지 주위에 여러 단락 배치.

Question

HTML을 작성하려고하는데 이미지 주위에 텍스트를 줄 바꿈하려고합니다. this page을 보면 첫 번째 단락이 이미지 주위를 잘 감싸는 것을 볼 수 있지만 맨 아래 단락은 그렇지 않습니다.

weebly 끌어서 놓기 기능을 사용 했으므로 첫 번째 코드는 필요가 없습니다. 누구든지 도와 줄 수 있습니까?

편집 : 내 코드에 float: left을 사용했습니다. 난 그냥 내 자신이 싫어이

img { 
    float: left; 
} 

대신이

image { 
    float: left; 
} 

을했던 사실 찾고 시간을 보냈다.

Answer 1

두 번째 이미지에 style="float: right"을 추가하면 상단 이미지처럼 보입니다. 당신은 예를 들어, 이미지 클래스 이름을주는 시작해야

:

Answer 2

쉽게이 일을하여이를 달성 할 수있는 왼쪽 사람 class="left_img" 오른쪽 사람 class="right_img"에게 제공합니다.

일부 텍스트 사용의 왼쪽에 이미지하려면 :

img.left_img { 
    float: left; 
} 

는 당신이 바로 그 사용에 대한 이미지를 원하십니까를이 :

img.right_img { 
    float: right; 
} 

당신이 텍스트를하지 않으려면 이미지에 다음과 같이 여백을 추가 할 수 있습니다 :

img { 
    float: left; 
    margin: 10px 10px 10px 0px; 
}