You want to place a repeating image at the bottom of a heading, like the cloud as shown below:

Use the background-image, background-repeat, and background-position properties:
h2 {
font: bold italic 2em Georgia, Times, "Times New Roman", serif;
background-image: url(anyimage.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 10px solid #666;
margin: 10px 0 0 0;
padding: 0.5em 0 60px 0;

Need Help? Just Ask Your Question Below In Comment BoxAsk Now

Example shows that how to add an image at the bottom of a heading in HTML with CSS.

Post a Comment

V. Kapoor

{picture#} Vinish Kapoor is a Software Consultant, currently working in a reputed IT company in Noida, India and doing blogging on Oracle Forms, SQL and PLSQL topics. He is a author of an eBook Oracle Forms Recipes, which is available on Google play. {facebook#} {twitter#} {google#}
Fox Infotech. Powered by Blogger.