html - 显示第二个元素第一个 (CSS)

Question

我的代码如下:

<div class="item">
<div class="img">Hello this is img</div>
<div class="text">Hello this is text</div>
</div>

我希望它显示为

Hello this is the text
Hello is the img

我希望无需重新排序代码即可实现这一目标。最好用css。有什么想法吗？

Answer 1

   .item .text{float:left;display:inline;}
   .item .img{display:inline}

尝试使用 css3 transform 进行垂直对齐

     .item .text{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
      .item .img{-webkit-transform:translateY(100%);transform:translateY(100%);}

fiddle -http://jsfiddle.net/6B7qt/4/