问题与jQuery的移动HTML li标签

Question

我想显示图像和一些文字在同一行，图像和文字都可点击并指向某些链接。我正在使用jquery.mobile-1.0a4.1。
但是下面的代码显示Stuff1和Description与Image重叠，所以图像在前面，在背景中显示文本。我希望并排显示图像和文字，在我的下面的代码中可能存在什么问题？

<li> 
<img src="images/someImage.png" /> 
<h3><a href="#someID" >Stuff1</a></h3> 
<p>Some Description</p> 
<a href="#someID" >Stuff2</a> 
</li> 

Answer 1

在上jQuery.mobile网站的例子，你必须包装整个li的内部HTML的在你的链接，就像这样：

<li> 
    <a href="#someID"> 
    <img src="images/someImage.png" /> 
    <h3>Stuff1</h3> 
    <p>Some Description</p> 
    </a> 
</li> 

但是，它看起来像你可能试图在一个li标签两个不同的环节。在移动应用程序，这实在是行不通的（但我可能是错的你特林做什么）

参考： http://jquerymobile.com/demos/1.0a4.1/docs/lists/lists-thumbnails.html

Answer 2

设置float到一切。另外如果可能的话，插入除div以外的所有内容，然后将img和div设置为float: left。像：

<li> 
<img src="images/someImage.png" /> 
<div> 
    <h3><a href="#someID" >Stuff1</a></h3> 
    <p>Some Description</p> 
    <a href="#someID" >Stuff2</a> 
    </div> 
</li> 

和CSS：

li img{float:left;} 
li div{float:left;}