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: how should look (ignore black stripe)

but looking this: how looks

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>


Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -