Wordpress 인라인 이미지 - 오른쪽 여백 값을 무시합니까?

Question

WooThemes Original News Theme (무료였습니다!)를 사용 중이며 편집 중입니다. 내 항목에 인라인 이미지가 있고 그 결과 텍스트와 이미지가 서로 대등합니다. 나는 이미지가 CSS에서이 코드를 사용하여 이미지 주위에 5px 국경을 추가하여 항목의 오른쪽에있는 경우는 (다소) 고정 얻을 관리 :

그것은 왼쪽에서 작동

.entry img { 
    padding: 2px 2px 2px 2px; 
    background:#FFF; 
    border: solid 5px #FFF; 
    } 

하지만, 오른쪽 텍스트 아래에 밀어 넣은 것 같습니다.

하지만 방금 내 이미지에 "wp-caption"클래스를 사용하는 캡션 상자가 있다는 것을 알았습니다. 내 문제의 원인 일 수 있습니까?

감사합니다.

Answer 1

margin: 10px !important; 

트릭을 수행 할 수 있습니다.

는 다른 방법으로, CSS는 더 물론 적절한 ID 대신 #foo을 선택하는 것은

body #foo .entry img { 
    padding: 2px 2px 2px 2px; 
    background:#FFF; 
    border: solid 5px #FFF; 
    } 

의이 종류를 사용하여 지정합니다.

Answer 2

다른 언급이 있으면 이미지에 margin을 설정하십시오. alignleft 및 alignright 클래스에 대해 몇 가지 CSS 규칙을 추가 할 수 있습니다. 이들은 '왼쪽 맞춤'또는 '오른쪽 맞춤'버튼을 클릭하면 WordPress 이미지 선택기로 추가됩니다. 정렬의 반대편에 여백을 지정하는 규칙을 추가 : 그건 그렇고

.entry img.alignleft { 
    margin-right: 1em; 
} 
.entry img.alignright { 
    margin-left: 1em; 
} 

을, 당신은 하지 이미지가 텍스트에서 떨어져 서 확인하기 위해 border 속성을 사용합니다. border 속성은 테두리를 그리는 데 사용됩니다. 배경색을 변경하면 이미지 주위에 뚱뚱한 흰색 테두리가 표시되고 텍스트는 해당 테두리를 터치합니다. 요소가 서로 떨어져 있도록하려면 margin 속성을 사용하십시오.