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

Question

I have following code

  <div class="expense"><img class="money"/><span class="total"></span></div>

This produces the div and puts the image on one line and the content in span tag on other line. How can I put those on the same line?

Answer 1

css: display: inline-block or display: inline

Answer 2

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