JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<h1>jQuery &amp; CSS</h1>

CSS

h1 {
    margin: 10px;
    font: normal 2em Arial, sans-serif;
}

.amp {
    font-family: Baskerville, 'Baskerville Old Face', 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
    font-style: italic;
    font-weight: normal;
    padding: 4px 9px;
    background: #f0f0f0;
    border-radius: 50%;
    border: 1px inset #999;
}

JavaScript

var setAmp = function(element) {
    
    element = $(element);
    var html = element.html();
    return element.html(html.replace('&amp;', '<span class="amp">&amp;</span>'));
};

setAmp('h1');