There isn’t a way to change this only in cases where a letter follows the
<code> element with no whitespace between. Any improvements will apply to all instances.
Here are some possible options for improvement:
Use box shadow instead of padding:
For comparison here is the example without any changes:
The box shadow option sucks the punctuation into the background which could be confused as meaning it’s part of the code.
We got complaints about the legibility of the headings when they had no padding on them.
I think I prefer the reduced padding option but I’d like to know what everyone thinks.