How to show list item like this


#1

Hi,
<ion-item ng-repeat="post in posts" class="item-text-wrap item-thumbnail-left" href="#"> <img ng-src="post.thumbnailUrl"/> <h2 ng-bind ="post.title"></h2> <p ng-bind-html="post.description"></p> <span ng-bind="post.date | date:'medium'" class="item-note"></span> </ion-item>

This produces thumbnail on left and title, description and date to the right of thumbnail.

I want to show list item like this


Item title on top


Item thumbnail on left | Item description on right, text wrapped


Item date on bottom as item note


How to go about it? Please help.
Thanks.