How to put image and span tag in the same div to display their content on the same line

css: display: inline-block or display: inline

You could also do:

<div class="expense" style="display:table-row">
    <img class="money" style="display:table-cell" />
    <span class="total" style="display:table-cell"></span>
</div>

It's not the neatest, but it's another option