search

mhulse / css-issues

Practical CSS code snippets and examples.
11 stars 1 forks source link

Multi-line padded text #166

Open mhulse opened 6 years ago

mhulse commented 6 years ago 
/* <span><span>Some text</span></span> */
.padded {
    color: #000;
    padding: 10px;
    display: inline; /* If not already. */
    background: rgba(255, 255, 255, .9);
    box-decoration-break: clone;
}
.padded > span {
    position: relative; /* Prevents background overlap on wrapped lines. */
}