JSFiddle - React, Tailwind, and code Playground
HTML
<blockquote>
<p>
I was flying around in my U.F.O. with a load of fuel in my inventory searching the deserts for pyramids. – The interesting part is: I found the pyramid half-buried in the sand!
<cite><a href="https://forum.minetest.net/viewtopic.php?pid=111724#p111724" class="urlextern" title="https://forum.minetest.net/viewtopic.php?pid=111724#p111724" rel="nofollow">Wuzzy</a>, <a href="https://forum.minetest.net/viewtopic.php?id=7063" class="urlextern" title="https://forum.minetest.net/viewtopic.php?id=7063" rel="nofollow">Mod: Pyramids</a></cite>
</p>
</blockquote>
CSS
media="screen"
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote:before {
position: absolute;
display: block;
left: 0px;
top: 0px;
color: #c4c8cc;
font-size: 90px;
content: "\201C";
}
blockquote, q {
quotes: "" "";
}
blockquote {
position: relative;
margin: 1em 3em 1em 3em;
border: 1px dotted #8cacbb;
background: #dee7ec;
padding: 1em 2em 0.5em 2em;
font-family:Arial;
}
JavaScript
// JMR's quote generator.
// You can include HTML within the quote.
// Add as many quotes as you would like.
var quotes=[
"I was flying around in my U.F.O. with a load of fuel in my inventory searching the deserts for pyramids. – The interesting part is: I found the pyramid half-buried in the sand!<cite><a href='https://forum.minetest.net/viewtopic.php?pid=111724#p111724' class='urlextern' title='https://forum.minetest.net/viewtopic.php?pid=111724#p111724' rel='nofollow'>Wuzzy</a>, <a href='https://forum.minetest.net/viewtopic.php?id=7063' class='urlextern' title='https://forum.minetest.net/viewtopic.php?id=7063' rel='nofollow'>Mod: Pyramids</a></cite>"
,"Some other quote"
,"Add as many as you'd like"
];
var random = Math.floor((Math.random()*quotes.length));random;
jQuery('blockquote > p').html(quotes[random]);