html - Text to left and image to right within same tag -

i'm having troubles aligning piece of text along image should ( guess ) within same tag.

it supossed this: (ignore black stripe)

but looking this:

the html is:

<span class="size-chart-disclaimer">if in doubt, measure similar<br>  style garment , match our grid.  <img src="{{'we-use.gif' | asset_url}}"/></span> 

and css is:

.size-chart-disclaimer img{ float:right; } 

could shed light on best way achieve ?

i suggest use tag text, , style it.

.size-chart-disclaimer img {    float: right;  }  p {    width: 240px;    display: inline-block;    margin-top: 0px;  }

<span class="size-chart-disclaimer">    <p>    if in doubt, measure similar    style garment , match our grid.     </p>    <img src="http://www.placehold.it/50x50"/>  </span>