2012-11-27 38 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` 
}