Wordpress二十二年爲圖片添加額外保證金

Question

我已將這三張圖片添加到WP網站。代碼是：

<style> 
    #frontContainer { 
     max-width: 1200px; 
    } 

    #frontContainer ul { 
     list-style: none; 
    } 

    #frontContainer li { 
     height: 599px; 
     width: 376px; 
     float: left; 
     margin-right: 5px;  
     border: 2px solid black; 
     opacity: 1; 
    } 

    #frontContainer img { 
     height: 100%; 
     width: 100%; 

    } 

    #frontContainer li:hover{ 
     border: 2px solid #47B957; 
     opacity: .5; 
    } 

</style> 

<div id='frontContainer'> 
     <ul> 
      <li><a href='http://pacificexpress.com.au/?p=975'><img src='http://i59.tinypic.com/2gt6fsp.jpg'/></a></li> 
      <li><a href='http://pacificexpress.com.au/rapid-worker/'><img src='http://i61.tinypic.com/34pifd2.jpg'/></a></li> 
      <li><a href='http://pacificexpress.com.au/?p=971'><img src='http://i58.tinypic.com/348ohhg.jpg'/></a></li> 
      </ul> 
     </div> 

這個測試時有效（即三個圖像坐在一排5px的利潤率之間的每個圖像），但是一旦我將其添加到網站（WordPress的平臺上運行二12主題），它似乎增加了利潤率。

我似乎無法改變這個......任何人都可以幫助這個？

該網站是www.pacificexpress.com.au

歡呼

詹姆斯米

Answer 1

額外的利潤是從一個.entry-content li選擇指定的左邊距來了，擺脫您只需要用0px覆蓋<li> s上的邊距。

#frontContainer li { 
    height: 599px; 
    width: 376px; 
    float: left; 
    margin-right: 5px; 
    margin-left: 0px; /*or whatever other value you want*/ 
    border: 2px solid black; 
    opacity: 1; 
}