Styling 'alt' attribute of img tag

Ever felt a need to change color, height on any style of alt tag ??

Before going further, let me clear you one thing. alt is 'content' not 'presentation'.As such it cannot be styled simply.We need to apply little bit of hack in it.

So,  Lets Code...

Put a wrapper around the img tag in which you are using alt attribute and style that wrapper. We can use <style> or <div> tag to wrap the img tag.




Here's the code.

<span style='color:red;height:100px;width:200px'>
    <img alt='this is styled alt' src='xyz.jpg' />
</span>

That's all. Enjoy...Happy Coding...