Question

嘿我正试图在其旁边嵌入4张图片，其中包含1个文字和2个链接，但我无法通过最后三个...这里是到目前为止的代码：

 <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
 <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
 <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
 <a class="link" href="#" style="padding:10px;">Add to your page</a>

我尝试了几个CSS的东西，如持有人和pic1，pic2，pic3，pic 4，但它似乎只使用图像，没有文字和链接。我需要获得3张与此图片大小相同的图像，并且相同的链接和文本彼此相邻。我需要图像是水平的，垂直的文本是它们的侧面。

Answer 1

喜欢这个

[DEMO]的 1

CSS

.pull-left{ float:left; }

Answer 2

working fiddle

<div style=width:100%;float:left;">

<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>
<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>
<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>
<div  style="verticalalign:top;float:left;">
     <img src="http://developers-community.com/beta/photoshopcc.png"  align="left">
     <font size="3" style="padding: 10px;color:#008B8B;">Photoshop</font>
 <br>
     <a class="link" href="#"  style="padding:10px">Preview</a>
 <br>
     <a class="link" href="#" style="padding:10px;">Add to your page</a></div>

</div>

图像旁边有文字和链接

2 个答案: