CSS 테두리가 이미지로 장식되어 있지 않습니다.

Question

저는 CSS를 처음 접했고 코드 아카데미와 같은 웹 사이트에서 여러 가지 연습을했지만 현재 내 페이지를 실험 중이며 실용적인 경험이 부족합니다.

"float"을 사용하여 이미지 주위에 텍스트를 감쌀 수 있지만 텍스트를 직선과 테두리로 유지하고 싶습니다. 그러나 테두리와 배경은 이미지의 위치를 ​​무시하고 뒤에서 실행됩니다. 국경이 이미지에 대해 멈출 수 있도록 이미지와 단락과 테두리를 배치하는 가장 좋은 방법은 무엇입니까?

img { 
    margin:5px; 
    float:right; } 
p { 
    background:white; 
    margin-left:40px; 
    margin-bottom:0px; 
    margin-right:0px; 
    font-family:veranda; 
    border:2px solid #045FB4; 
    padding:5px; } 

p와 IMG 태그 여기 본문 섹션 예에는 유행에 따라 디자인 한 : 위치에서 http://jimbob.webatu.com/
다른 팁을 주시면 감사하겠습니다 :)

Answer 1

이 이것에 관련 될 부분은 없다 제대로 사용이 국경을 언급 할 때 확실하지

당신은 무엇을 의미하지만, 순서대로 텍스트가 이미지 주위 정렬하기 :

p { 
    text-align: justify; 
}