0

960.gsスタイルのグリッドのメンバーであるdivがあります。アイコンとテキストがあります。ここで、テキストをアイコンからインデントしたいのですが、グリッドを使用できません。これは、すでに1つになっていて、このような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/ 問題は、テキストをインデントして、アイコンの周りに実際に浮かないようにするにはどうすればよいかということです。

複雑な説明で申し訳ありませんが、視覚的に達成したいことを言葉で説明するのは非常に困難です。

4

1 に答える 1

1

含まれているDIVでCSS画像の背景を使用し、テキストをアイコンから遠ざけるのに十分なパディングを付けます。

#I_AM_GRID_MEMBER {
     background-image:url(/lala.png);
     padding-top: 56px;
     padding-left:73px`enter code here`
}
于 2012-11-27T16:15:56.033 に答える