title: HTML table cell alignment
body: <p>I am using jQuery mobile and I would like to create a listview which should look like</p>
  
  <p><img src="https://i.stack.imgur.com/lZ7bY.jpg" alt="enter image description here"></p>
  
  <p>It looks very simple to achieve and I have got almost everything except the right-alignment of the column on the right.
  Note that every three cells on the right-column are merged.
  Any help is appreciated.
  Thanks. </p>
  
  <p>Update:
  Here is my code:</p>
  
  <pre><code>&lt;ul data-role="listview" id="mylist"&gt;&lt;li&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;label class="label1"&gt;EUR&lt;/label&gt;&lt;/td&gt;&lt;td rowspan="3"&gt;&lt;label class="price"&gt;1.3245&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;label class="label2"&gt;vs&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;label class="label3"&gt;USD&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/li&gt;&lt;li&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;label class="label1"&gt;EUR&lt;/label&gt;&lt;/td&gt;&lt;td rowspan="3"&gt;&lt;label class="price"&gt;0.89&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;label class="label2"&gt;vs&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;label class="label3"&gt;GBP&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>