I am currently developing a mobile app and I need to align three images one below the other at the right corner next to some text. Any suggestions would be greatly appreciated. Thank you in advance. Below is my code snippet:
<div>
<ul data-role="listview" data-filter="true" data-input="#filterBasic-input" data-icon="false">
<li class="custom">
<h3>Week </h3>
<p class="topic"><a href="#">Sun </a></p>
<p><a href="#">Mon</a></p>
<p><a href="#">Tue </a> </p>
<p class="ui-li-aside"> <span><a href="#"> <img src="images/progressnew.png" alt="download"> </a></span> <span><a href="#"> <img src="images/progressnew.png" alt="download"> </a></span> <span><a href="#"> <img src="images/progressnew.png" alt="download"> </a></span> </p>
</li>
</ul>
</div>
<styles>
.ui-listview .ui-li-aside {
position: absolute;
top: 1em;
right: 0.444em;
margin:24px;
text-align: right;
}
</styles>