鏈接比圖片大

Question

我環視了一下電路板，找不到任何對我有用的東西，但基本上當我將一個帶有錨標記的圖像居中時，可鏈接區域填滿以適合整個div的寬度，即使指定寬度。我怎樣才能讓鏈接只在圖片周圍？

鏈接到JS小提琴http://jsfiddle.net/jJ4hv/

HTML

 <div id="right"> 

     <div id="content"> 

      <div class="title"> 
       <h3>Spawn</h3> 
       <a href="index.html"><p>&lt;&lt; Go Back</p></a> 
      </div> 

      <a href="images/spawn.png" data-lightbox="inks" title="Spawn"><img src="images/spawnThumb.png" /></a> 
      <p class="description">Spawn</p> 

     </div><!-- END content --> 

    </div><!-- END right --> 

CSS

#content img { 
    display: block; 
    margin: 0 auto; 
    width: 400px; 
} 

.title { 
    border-bottom: thin solid #316b9c; 
    margin-bottom: 20px; 
} 

.title a { 
    font-size: 12px; 
    color: #bcbdbf; 
} 

.title a:hover { 
    color: #316b9c; 
} 

.title a:active { 
    color: #000; 
} 

.topImage { 
    margin-bottom: 10px; 
} 

p { 
    color: #bcbdbf; 
} 

Answer 1

只需將#content a添加到#content img CSS即可。

#content img, 
#content a{ 
    display: block; 
    margin: 0 auto; 
    width: 400px; 
} 

http://jsfiddle.net/jJ4hv/2/

Answer 2

你可能申請

display: table; 
margin: auto 

周圍的圖像[A]標籤。