Using CSS to insert text

by

It is, but requires a CSS2 capable browser (all major browsers, IE8+).

.OwnerJoe:before {
  content: "Joe's Task: ";
}

But I would rather recommend using Javascript for this. With jQuery:

$('.OwnerJoe').each(function() {
  $(this).before($('<span>').text("Joe's Task: "));
});

More Related Contents:

  1. Blank Space To Right Of Webpage? (Hidden min-width?) [closed]
  2. div 100% width with other div fixed
  3. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  4. How to align 3 divs (left/center/right) inside another div?
  5. CSS: Width in percentage and Borders
  6. Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, …) with css?
  7. Align an element to bottom with flexbox
  8. Does opacity:0 have exactly the same effect as visibility:hidden
  9. :after and :before CSS pseudo elements hack for Internet Explorer 7
  10. What’s the difference between flex-start and baseline?
  11. Use a normal link to submit a form
  12. Scroll particular DIV contents with browser’s main scrollbar
  13. Can I stop 100% Width Text Boxes from extending beyond their containers?
  14. Inline tags vs. inline css properties
  15. Why are my div margins overlapping and how can I fix it?
  16. CSS horizontal centering of a fixed div?
  17. Giving a border to an HTML table row,
  18. Font Awesome icons are not working, I have included all required files [closed]
  19. Flexbox resize and scrollable overflow [duplicate]
  20. How do I make Firefox auto-refresh on file change?
  21. Tooltip with HTML content without JavaScript
  22. Change color of one character in a text box HTML/CSS [duplicate]
  23. Second line in li starts under the bullet after CSS-reset
  24. Can I override inline !important?
  25. Blank iFrame in IE
  26. How position absolute and fixed block elements get their dimension?
  27. Ring-shaped process spinner with fading gradient effect around the ring
  28. Why is there a default margin on the element? [closed]
  29. text-decoration not working for visited state link
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment