Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Fill the remaining space of a div or h1 tag with a pattern

Fill The Remaining Space Of A Div Or H1 Tag With A Pattern

Fill the remaining space of a div or h1 tag with a pattern

Problem

I'm a big novice in CSS, and I need to fill the Remaining space of a div or h1 tag with a pattern (it can be an image or generated with CSS).

This is the effect I need to create: http://es.tinypic.com/r/20gi92/8

Thanks for your help!

Problem Courtesy of: mHouses

Solution

I would use it like this: http://jsfiddle.net/maximgladkov/3rNY3/

HTML

Test title

CSS

.title {
    background: url(http://ru.vectorboom.com/Tutorials/FloralPattern/final.png);
}

.title h1 {
    background: #fff;
    display: inline;
    padding: 0 10px 0 0;
}
Solution courtesy of: Maksim Gladkov

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Fill the remaining space of a div or h1 tag with a pattern

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×