It’s amazing when you work for many many years with a technology and stumble upon something new. I stumbled upon an HTML tag that I had never used before, the Q tag.
With the Q tag, you can quote some text inside a paragraph without breaking the line. The browser is supposed to render that text in quotes, so you don’t have to add them yourself.
Let’s see it in action:
Quoting with the Q tag is <q>sweet</q>.
The above HTML snippet will render like this:
Quoting with the Q tag is sweet
.
And with CSS you can style just the Q tag, making for example all of your quoted text also bold or italics. Of course you could do the same thing by misusing some span or em tag, possibly with a separate CSS class name, but I think this approach is cleaner and more semantic friendly.
Hope this helps.