칼럼 안의 열 960.gs div

Question

Suppouse 960.gs 스타일 그리드의 멤버 인 div가 있습니다. 아이콘과 텍스트가 있습니다. 이제는 아이콘이 들여 쓰기를 원합니다. 그러나 이미 하나에 있기 때문에 그리드를 사용할 수 없습니다.이 아이콘과 텍스트와 같은 많은 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/ 질문은 : 어떻게 내 텍스트를 들여 수 있으므로 정말 아이콘 주위에 떠되지 않습니다?

복잡한 설명을 드려 죄송합니다. 시각적으로 달성하기를 원하는 단어를 설명하기가 어렵습니다.

Answer 1

포함하는 DIV에 CSS 이미지 배경을 사용하고 텍스트를 아이콘에서 멀리 밀어 내기에 충분한 여백을 지정하십시오.

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