CSS content property: is it possible to insert HTML instead of Text?

Unfortunately, this is not possible. Per the spec:

Generated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).

In other words, for string values this means the value is always treated literally. It is never interpreted as markup, regardless of the document language in use.

As an example, using the given CSS with the following HTML:

<h1 class="header">Title</h1>

… will result in the following output:

<a href=”#top”>Back</a>Title

Related Posts:

  1. How to make a monopoly board using css grid?
  2. How to horizontally center an element
  3. How do I vertically align text in a div?
  4. Hide scroll bar, but while still being able to scroll
  5. How to set a border for an HTML div tag
  6. How can I center text (horizontally and vertically) inside a div block?
  7. Setting table column width
  8. Draw Circle using css alone [duplicate]
  9. Why does z-index not work?
  10. Transparent CSS background color
  11. Is there any way to change input type=”date” format?
  12. Is element block level or inline level?
  13. How to center a “position: absolute” element
  14. How to line-break from css, without using
    ?
  15. How to put img inline with text
  16. How to center a “position: absolute” element
  17. How do I make an image smaller with CSS?
  18. Set the table column width constant regardless of the amount of text in its cells?
  19. Two divs side by side – Fluid display
  20. CSS Display an Image Resized and Cropped
  21. How do I make a placeholder for a ‘select’ box?
  22. FontAwesome icons are not showing, Why?
  23. Remove border from IFrame
  24. CSS color vs. background-color vs. background?
  25. How to change text transparency in HTML/CSS?
  26. CSS horizontal scroll
  27. Getting “Failed to load resource: net::ERR_FILE_NOT_FOUND” when trying to load a background image
  28. CSS: background-color only inside the margin
  29. Stretch background image css?
  30. Set cellpadding and cellspacing in CSS?
  31. Bootstrap 4 images thumbnail classes
  32. Disable Scrolling on Body
  33. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  34. CSS Background Image Not Displaying
  35. Changing image sizes proportionally using CSS
  36. How to give the background-image path in CSS?
  37. How to overlay image with color in CSS?
  38. CSS Background image not loading
  39. Outline radius?
  40. text-overflow: ellipsis not working
  41. How to reference nested classes with css?
  42. Placing border inside of div and not on its edge
  43. Why is there an unexplainable gap between these inline-block div elements?
  44. How to apply CSS to iframe?
  45. right align an image using CSS HTML
  46. CSS Background Image Not Displaying
  47. CSS centred header image
  48. How to align content of a div to the bottom
  49. html not linking css
  50. How to outline text in HTML / CSS
  51. How to draw a dotted line with css?
  52. Removing border from table cells
  53. How to stick text to the bottom of the page?
  54. How to make blinking/flashing text with CSS 3
  55. HTML iframe – disable scroll
  56. Why doesn’t height: 100% work to expand divs to the screen height?
  57. How can I position my div at the bottom of its container?
  58. Why doesn’t height: 100% work to expand divs to the screen height?
  59. How can I position my div at the bottom of its container?
  60. How to overlay one div over another div
  61. How to get CSS to select ID that begins with a string (not in Javascript)?
  62. How can I embed video for discord directly from website?
  63. Basic CSS – how to overlay a DIV with semi-transparent DIV on top
  64. difference between width auto and width 100 percent
  65. Setting table row height
  66. How do I disable the resizable property of a textarea?
  67. How to show text on image when hovering?
  68. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  69. Place input box at the center of div
  70. How to display a gif fullscreen for a webpage background?
  71. Padding a table row
  72. how to do a line break in Bootstrap 3.3.7
  73. How to align 3 divs (left/center/right) inside another div?
  74. Vertical align not working on inline-block
  75. How to increase height of textarea using bootstrap rows and columns
  76. Indent List in HTML and CSS
  77. Bootstrap 3 Glyphicons CDN
  78. Absolute position is not working
  79. Position absolute but relative to parent
  80. How do you specify table padding in CSS? ( table, not cell padding )
  81. Is it possible to put CSS @media rules inline?
  82. Make padding responsive
  83. Two Divs next to each other, that then stack with responsive change
  84. Vertically align text next to an image?
  85. SVG drop shadow using css3
  86. HTML not loading CSS file
  87. How can I center my ul li list in css?
  88. Is it possible to use css to shrink text to automatically fit the size of the div
  89. CSS !important not working
  90. How to best set a CSS3 transition to none?
  91. Why is vertical-align: middle not working on my span or div?
  92. ow to change the style of the title attribute inside an anchor tag?
  93. Flex align-items: center not centering items
  94. How can I align text directly beneath an image?
  95. how do I get the bullet points of a

Leave a Comment