CSS将文本框包装到多个图像

Question

我在最后几个小时试图将文本框包装在多张图片上，如图所示：

是否可以不使用js库？

此外，解决方案必须适用于从IE6到今天的浏览器，没有js。

Answer 1

我可以考虑的两种方法是将图像分成两部分并使用float:right和text-align来使文字“跟随”图像或使用此处概述的多部分黑客：http://www.ideashower.com/ideas/active/css-text-wrapper/。

但如果不使用javascript，没有什么特别整洁。

Answer 2

是：

this is a class:
    .alignLeft {
      float:left; 
      margin-right: 1em; 
  }    
    .alignRight { 
     float:right;
     margin-left: 1em;
    }


 and the image calls it:



 <img src="photo.jpg" class="alignLeft" />