How to insert image inside span tag?

Question

I have an image inside a span tag. But the problem is that the image does not fit inside the span tag. Instead, part of the image exits the span tag.

enter image description here

<span style="padding-right:3px; padding-top: 3px;"> <img class="manImg" src="images/ico_mandatory.gif"></img> </span>

I want to have this bar inside the range ie It should be next to the text box.

How can i achieve this?

+5

kumareloaded Dec 11 '14 at 15:56

2 answers

Try using the div tag and block for span!

 <div> <span style="padding-right:3px; padding-top: 3px; display:block;"> <img class="manImg" src="images/ico_mandatory.gif"></img> </span> </div>

+1

Er_sherlockian Dec 11 '14 at 16:14

Webbysmart · Accepted Answer · 2014-12-11T16:11:22+0000

Try it.

 <span style="padding-right:3px; padding-top: 3px; display:inline-block;"> <img class="manImg" src="images/ico_mandatory.gif"></img> </span>