title: Split Button listview without the first <a> tag?
body: <p>I need a button on the right - aligned in the middle of a <code>&lt;ul data-role="listview" /&gt;</code> element.</p>
  
  <p>Here is the HTML I am using that does this the best that I can think of, but it's not exactly a split button and it's not even aligned in the middle of the content...</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul data-role="listview" data-theme="d" data-divider-theme="d"&gt;
      &lt;li&gt;
          &lt;h3&gt;New York Group Applies for CDFI Status&lt;/h3&gt;
          &lt;p&gt;The New York Business Development Corp. is &lt;a target="_blank" href="http://www.bizjournals.com/albany/news/2013/09/05/nybdc-doubling-albany-office-space.html"&gt;doubling its office space&lt;/a&gt; in downtown Albany.&lt;/p&gt;
          &lt;p class="ui-li-aside read_more"&gt;&lt;a href="#" data-role="button" data-transition="slide" data-mini="true" data-icon="arrow-r" data-theme="d" data-shadow="false" data-inline="true" data-iconpos="notext" class="ui-btn-right"&gt;Read More&lt;/a&gt;&lt;/p&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>So, the problem here is I kinda would like it to be displayed in the same way as the Split Button approach, however, if I try to use this, it ruins the look of it, because I do not have the first <code>&lt;a&gt;</code> tag wrapping up the <code>&lt;h3&gt;</code>, and first <code>&lt;p&gt;</code> element.  And Also because I have  tags defined within the body copy of the <code>&lt;p&gt;</code> elements.</p>
  
  <p>Here is a jsfiddle of what I have so far:  <a href="http://jsfiddle.net/MY8Tg/" rel="nofollow">http://jsfiddle.net/MY8Tg/</a></p>
  
  <p>How can I make this a split button while maintaining the structure of the left side and not making the left side an actual link to anything, thus keeping the other links working properly??</p>
  
  <p>And I need this to be middle aligned exactly like the Split button.  Why isn't this possible right out of the box??</p>