I would like my image to come right after my `<p>` tag in the same line. I tried to wrap them inside a `<div>` block with `display:inline-block` set but to no avail.

```
<div style="float:left; display:inline-block; ">
  <span style="float:left;width: 50%;">
    <p style="float:left; display:block;" class="sentiment">Sentiment</p>
  </span>
  <span style="float:right;width: 50%;">
    <img src="https://storage.googleapis.com/gweb-uniblog-publish-prod/static/blog/images/google.a51985becaa6.png" style="width:20px;height:20px;">
  </span>
</div>

```

<http://jsfiddle.net/BMv5u/59/>