How to show list item like this

<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=" | 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.