HTML에서 두 요소 사이의 간격을 어떻게 설정합니까?

Question

하자 내가

<img style="background-color:#ffffff;width:250px;height:auto;float:left" src="http://somesite/p3.png" /> 
<p> 
    alibabaanakjalanan.</p> 

현재 단락의 내용이 정확히 이미지에 NEX 나타낸 바와 같이 두 가지 요소 <img> 및 <p>을 말한다. 요소 사이에 간격을 어떻게 설정할 수 있습니까?

Answer 1

일 것 이미지 내 클래스 이름이 매우 약하지만,이 같은 클래스 뭔가 :

CSS

.img { 
    background-color:#ffffff; 
    width:250px; 
    height:auto; 
    float:left; 
    margin-right: 20px; 
} 

HTML 작업에

<img src="http://somesite/p3.png" class="img" /> 
<p class="para">alibabaanakjalanan.</p> 

http://jsfiddle.net/PqWAh/1/

이하지만 난 오히려 만든 CSS 파일에 추천 마크 업

Answer 2

img에 여백을 추가하십시오. 당신이 몇 가지 margin-right을주는 이미지를 당신이 당신이해야 할 모든이되어 떠 경우

margin-right:20px; 

그래서 코드는 내가 아마를 제공하여 인라인 스타일을 추가 멀리 이동 권합니다,

<img style="background-color:#ffffff;width:250px;height:auto;float:left;margin-right:20px;"