Add padding to text but not images

Question

Im trying to make a Tumblr theme, and trying to make text go away from the border 20px, but it is also pushing the photos, videos, and other elements that are not text over, which is IS supposed to do, is there a way to only align the text?

        .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;
        }

Thats my code.

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

Thats what is happening, but I want to only align the text. Is this possible?

Thanks :)

EDIT: The entire code: http://pastebin.com/6q4hFyZL and the page is em202020.tumblr.com

Answer 1

<edit>

From your page : http://em202020.tumblr.com/

You could do:

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

Or if you like it better :

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

.</edit>

---

first guess answer irrelevant. you can do :

.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

could you add css rules for .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;