Добавить дополнение к тексту, но не изображения

Question

Я пытаюсь сделать тему Tumblr и пытаюсь сделать текст ушедшим с границы 20px, но он также подталкивает фотографии, видео и другие элементы, которые не являются текстовыми, что должен ли это делать, есть ли способ только выровнять текст?

 .posts { 
      border:solid 1px #333333; 
      border-radius:15px 15px 15px 15px; 
      color:black; 
      margin-bottom:20px; 
      min-height:120px; 
      padding-left:20px; 
      text-align:left; 
     } 

Это мой код.

http://puu.sh/83iTL.jpg

То, что происходит, но я хочу только выровнять текст. Это возможно?

спасибо :)

EDIT: Весь код: http://pastebin.com/6q4hFyZL и страница em202020.tumblr.com

Answer 1

<edit> 

С вашей страницы: http://em202020.tumblr.com/

Вы можете сделать:

.posts a:first-of-type img, 
.posts iframe { 
margin-left:-80px; 
} 

Или, если вам это нравится b Etter:

.posts a:first-of-type img { 
    margin-left:-80px; 
    } 
.posts iframe { 
margin-left:-20px; 
    } 

. </edit>

---

первое предположение ответ не имеет значения. вы можете сделать:

.posts img:first-child {/* it will only select the first-child if it is an img tag */ 
margin-left:-20px;/* swallow that padding-left:20px; */ 
} 

Answer 2

можно добавить правила CSS для .POST IMG?

 .posts { 
     border:solid 1px #333333; 
     border-radius:15px 15px 15px 15px; 
     color:black; 
     margin-bottom:20px; 
     min-height:120px; 
     padding-left:20px; 
     text-align:left; 
    } 


     #add this?# 
     .posts img { 
     padding:0px;