div 너비가 떠 다니는 이미지 옆에 앉기 위해 조정되지 않습니다.

Question

오른쪽으로 떠있는 이미지 옆에 멋지게 줄이기 위해 너비를 줄이기 위해 div가 포함 된 텍스트를 가져 오는 데 어려움이 있습니다. div 안에있는 텍스트는 내가 원하는대로 동작하지만 회색 div는 이미지 뒤에 펼쳐져 있습니다.

div/box는 wordpress shortcode plugin의 일부입니다.

.circular-image-right img { 
    border-radius: 50%; 
    clear: both; 
    display: inline; 
    float: right; 
    height: 300px; 
    margin: 0 30px 60px; 
    width: 300px; 
} 

---

사업부 :

그 복잡하게되는 문제 다음

질문

---

이미지의 요소에 대한 CSS 유무를 알 수없는

element.style { text-align: left; width: 100%; } .symple-box.gray { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #DDDDDD; color: #666666; } .symple-box { -moz-box-sizing: border-box; border-radius: 2px; display: block; font-size: 1em; margin: 10px 0; padding: 30px 15px 5px; } 

---

문제의 페이지는 여기에서 볼 수있다 :

http://c3927181.myzen.co.uk/

Answer 1

http://jsbin.com/iLAMuXoc/5/edit?css,output

.symple-box.gray { 
    padding: 16px 30px; 
    margin: 0 360px 0 0; 
    background: none repeat scroll 0 0 #F9F9F9; 
    border: 1px solid #DDDDDD; 
    color: #666666; 
}