단락의 이미지가 제대로 작동하지 않습니다.

정렬하지 않고 단락 태그 안에 이미지를 넣으면 문제가 없습니다. 내가 정렬하면 이미지가 단락을 벗어납니다. 문제는 이미지가 텍스트보다 훨씬 크다는 것입니다.단락의 이미지가 제대로 작동하지 않습니다.

<div id="main-paper-bg"> 
    <div id="content"> 
    <h1>After School Program</h1> 
    <p><img class="left-only" src="images/bgi/after-school/main-img.jpg" width="450" height="630" alt="Main Img" align="left">Coming Soon</p> 
    </div> 
</div>

그리고 당신은 당신의 <img> 태그에 align="left" 필요하지 않습니다

#main-paper-bg { 
    width: 740px; 
    padding: 30px; 
    display: block; 
    float: left; 
    margin-bottom: 40px; 
} 

#content { 
    background: black; 
    height: auto; 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto; 
    padding-right: 30px; 
    padding-left: 30px; 
    border: 1px solid #999; 
} 

p { 
    line-height: 160%; 
    padding-top: 0; 
    padding-bottom: 30px; 
    font-size: 12pt; 
} 


img.left-only { 
    border: none; 
    margin: 10px 10px 10px 0; 
    padding: 0; 
}

출처

2010-11-22 pcasa