写真を投稿境界内のtumblrテキスト投稿に保存するにはどうすればよいですか？

Question

tumblrのテキスト投稿に追加された写真が投稿の背景外に出ないようにするにはどうすればよいですか？
私は、写真が連鎖連鎖のどこにあっても、写真はまだ背景の中に収まっていることを確認したいと思います。

私のテキストのポストのためのHTMLは次のとおりです。

{block:Text} 
     <div class="text"> 
      {block:Title} 
       <h3> 
        <a href="{Permalink}">{Title}</a> 
       </h3> 
      {/block:Title} 
      {Body} 
      <ul class="like-reblog"> 
       <li>{LikeButton color="white"}</li> 
       <li>{ReblogButton color="white"}</li> 
       <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li> 
       <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li> 
      </ul> 
      <ul class="tags"> 
       <li>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags} 
      </ul> 

     </div> 
     {block:PostNotes}{PostNotes}{/block:PostNotes} 
     {/block:Text} 

私のテキストの記事のためのCSSは次のとおりです。

.text { 
     background: rgba(251, 230, 202, 1); 
     margin: 40px auto; 
     padding: 20px; 
     width: 500px; 
     border: 2px solid #fff; 
     background-position:center; 
    } 
    .text a { 
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
     font-weight: normal; 
     color: rgb(52, 47, 20); 
     text-decoration: none; 
    } 
    .text img { 
     max-width: 400px; 
     height: auto; 
} 
    .text blockquote{ 
     border-left: 3px solid #fff; 
     padding: 0px 10px; 

Answer 1

.text img { 
    max-width: 100%; 
    height: auto;} 

これはそれを修正する必要があります。画像はブログブロッククォート内に収まるように縮小されます。