2012-11-27 69 views
0

支持我有一個div,它是960.gs樣式網格的成員。它有圖標和文字。現在我希望文本從圖標縮進,但是我不能使用網格,因爲我已經在一個網格中,並且因爲我將擁有許多像這樣的div,每個圖標和文本都應該粘貼到父節點的頂部。圓柱內的列960.gs div

<div id="I_AM_GRID_MEMBER"> 
<span class="icon"><img src="lala.png"></span> 
<span>Some text here </span><br/> 
<span>Some text here </span><br/> 
<span>Some text here </span><br/> 
<span>Some text here </span><br/> 
</div> 

.icon{ 
display: inline-block; 
float: left; 
width: 73px; 
height: 56px; 
background-color: black; 
margin-right: 20px; 
} 

下面是一個例子: http://jsfiddle.net/Q6ZbH/2/ 的問題是:我該怎麼縮進我的文字,所以它不會真的漂浮的圖標?

對於複雜的解釋,很難用語言解釋你想要達到的目的。

回答

1

在包含的DIV上使用CSS圖像背景,並給它足夠的填充以將文本從圖標推開。

#I_AM_GRID_MEMBER { 
    background-image:url(/lala.png); 
    padding-top: 56px; 
    padding-left:73px`enter code here` 
}