![\"Placeholder](\"./img/elvis.jpg?id=30&cache=1659702231223\")
\n \n a:hover {color: white;} \n\">Do you recognize this guy?
\n .chapter-name {background-color: red;\n color: white;\n font-size: 22px;\n\">His name will appear in this box when you preview.
He was born on Jan. 8th 1935.
How old would he have been today?
\nfunction years() {\nvar a = document.querySelector(".anniv");\nvar s = new Date(1935, 00, 08); // start date as yyyy, mm-1, dd\nvar t = new Date(); // today\nvar n = t.getFullYear() - s.getFullYear();\n// Reduce number of years by 1 if today is before the anniversary\nif(t.getMonth() < s.getMonth()) {n--;}\nif(t.getMonth() == s.getMonth() && t.getDate() < s.getDate()) {n--;}\na.innerHTML = "He would now have been " + n + " years old.";\n}\nwindow.onload = years;\n\" data-ce-custom-head=\"\">You don't need a calculator, just preview the page to see
what his age would have been.
Above the 'Content code' box has been used, once for just a bit of text, the other one for some JS. The styling of the two boxes was done in the Head code box, to let the styling not appear until the page is being previewed.
If you hover over the song title in preview, you'll see a little tool-tip with the year the song was recorded. The HTML code for that has been put partly in the 'Before' and partly in the 'After' box along with the rest of the sentence.
The last example is a common copyright statement used in page footers. After the two first words the 'After' box was utilised for the JS script that fetches the years, then the rest of the words were added as a separate text element.
You could also try to use the 'HTML comment' tags; <!-- and --> on this paragraph. Select it, and pop the tags into the 'Before' and the 'After' box respectively, and then preview!