Javascript 如何使listview li元素/项目更小？如何使用图像和文本更改高度？

我想将li元素（listview项）的高度改小，并在verticalcenter中设置两个文本标题

<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
   <li data-role="list-divider" class="mid">Neue News</li>
   <li>
      <a href="">
        <img src="news.png" height="40px"/>
        <h2>Title</h2>
        <p>Subtitle</p>
      </a>
   </li>
</ul>

Neue新闻

可能是这样的：

---

你发布的片段有什么问题？是否希望所有li元素具有相同的高度？我希望使listview项变小（更改高度）。。使标题和副标题设置在图标后面。我该怎么做不……那不是正确的解决办法。我想将每个li项目的高度设置得更小。假设在附加的图像上，文本应该与小按钮图像处于相同的高度

<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
   <li data-role="list-divider" class="mid">Neue News</li>
   <li class="newsLink">
  <a href="">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTy-aBig-8SnIgGIlBOWmy_yMPLTIhXvB77apn5LoHoP1M7k6SCag" height="20px" />
        <div class="wrapperDiv">
            <h2>Title</h2>
            <br />
            <div style="font-size:8px;">Subtitle</div>
        </div>
      <div style="clear:both;"></div>
  </a>

   </li>
<li>
    asdf
</li>
</ul>

.newsLink
{
    vertical-align:text-top;
}

.newsLink h2
{
   font-size:10px;
}

.newsLink .wrapperDiv
{
    line-height:10px;
    float:left;
}

.newsLink .wrapperDiv div
{
 float:left;   
}

.newsLink img
{
    float:left;
}

.newsLink h2
{
    float:left;
    padding:0;
    margin:0;
}
.newsLink div
{
    padding:0;
    margin:0;
}