I’m trying to position the Font Awesome icons around the quote using the following code:
$("#quotebox").html("<i class = 'fa fa-quote-left quote-mark'></i>" + "<p class = 'quote-content>'" + randomQuote.content + "</p>" + "<i class = 'fa fa-quote-right quote-mark'></i>" + "<br>" + "<h3>" + randomQuote.title + "</h3>");
But the icons appear above and below the quote instead. I can manually position them using CSS but this isn’t suitable as the positioning needs to be dynamic depending on the length of the quote.
Thanks in advance!