CSS: Background-color on multi-line text?

by

I think this is what you are looking for: http://jsfiddle.net/9BTYQ/1/

span {
    color: white;
    background-color: #343132;
    box-shadow: 0.5em 0 0 #343132,-0.5em 0 0 #343132;
}

div {
    width: 100px;
}
<div>
    <span>Do you have an idea to add a background-color property on a multi-line text, with two difficulties:</span>
</div>

More Related Contents:

  1. CSS transform doesn’t work on inline elements
  2. How to override !important?
  3. Difference between margin and padding?
  4. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  5. Does height and width not apply to span?
  6. CSS disable hover effect
  7. Are unused CSS images downloaded?
  8. Background-image in keyframe does not display in Firefox or Internet Explorer
  9. Can you set a border opacity in CSS?
  10. Dynamic Sass Variables
  11. How can I ensure that text is inside rounded div?
  12. Should I use pt or px?
  13. Is background-color:none valid CSS?
  14. CSS Parent/Ancestor Selector [duplicate]
  15. Symfony2 – Assetic – load images in CSS
  16. Vertically centering content of :before/:after pseudo-elements
  17. Styling Password Fields in CSS
  18. Angular dynamic background images
  19. Are CSS selectors case-sensitive?
  20. Scrollbar color change in Firefox
  21. Is there a way to apply styles to Safari only?
  22. How to remove margin from every element that is the last element in a row?
  23. The difference between flex:1 and flex-grow:1
  24. How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?
  25. position:relative leaves an empty space
  26. Delay mouseout/hover with CSS3 transitions
  27. Is there a way to style HTML5’s range control?
  28. Change text color to white on any non-white background
  29. CSS: Center block, but align contents to the left
  30. display:table-cell not working on an input element

Leave a Comment