問題在CSS

Question

對準相鄰的對象我不能在側欄的特集排隊正確(here)。我試圖讓他們看起來更像this site。

這是CSS：

#element2 { 
    margin:0 auto; 
    padding: 5px 0 0px 0px; 
    color:#161514; 
    font-family:helvetica, sans-serif, Arial; 
    font-size: 13px; 
    background: #c7c7c7; 
    width: 295px; 
    height: 60%; 
    } 
img.element { 
    width:305px; 
    position:relative; 
    right:auto; 
    left:auto; 
    height:auto; 
    overflow:hidden; 
    border:1px solid #ccc; 
    width:130px; 
    height:100px; 
    min-height:100px; 
    border:0; 
    margin:5px 0px 0px 0px; 
    display: inline-block; 
    } 
p.element { 
    position:relative; 
    align:right; 
    width:140px; 
    height:100; 
    min-height:100px; 
    margin:5px 0px 0px 0px; 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    letter-spacing: 1pt; 
    border:0; 
    background:#c7c7c7; 
    display: inline-block; 
    } 

任何建議非常讚賞。

謝謝

塔拉

PS：我使用的是Chrome 10你搞亂了太多的CSS

Answer 1

。
刪除p.element和img.element CSS規則，並開始重新造型使用此：

img.element { 
    height: 100px; 
    width: 130px; 
    position: absolute; 
} 
p.element { 
    height: 100px; 
    margin-left: 130px; 
    width: 140px; 
}