Inline display elements, usually such as span or a, will include up to one white-space character before and after them in the document. In order to avoid very long lines in the markup (that are hard to read) and unintentional white-space (which affects formatting), the white-space can be commented out.
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3B%23%26quot%3B%26gt%3BI%2520hope%2520there%2520will%2520be%2520no%2520extra%2520whitespace%2520after%2520this!%26lt%3B%2Fa%26gt%3B%26lt%3B!----%26gt%3B%26lt%3Bbutton%26gt%3BFoo%26lt%3B%2Fbutton%26gt%3B%253C%2Fcode">
Try it without a comment between the inline elements, and there will be one space between them. Sometimes picking up the space character is desired.
Example code:
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3B%23%26quot%3B%26gt%3BI%2520hope%2520there%2520will%2520be%2520no%2520extra%2520whitespace%2520after%2520this!%26lt%3B%2Fa%26gt%3B%26lt%3B!----%26gt%3B%26lt%3Bbutton%26gt%3BFoo%26lt%3B%2Fbutton%26gt%3B%26lt%3Bhr%26gt%3B%26lt%3B!--%2520Without%2520it%2C%2520you%2520can%2520notice%2520a%2520small%2520formatting%2520difference%3A%2520--%26gt%3B%26lt%3Ba%2520href%3D%26quot%3B%23%26quot%3B%26gt%3BI%2520hope%2520there%2520will%2520be%2520no%2520extra%2520whitespace%2520after%2520this!%26lt%3B%2Fa%26gt%3B%26lt%3Bbutton%26gt%3BFoo%26lt%3B%2Fbutton%26gt%3B%253C%2Fcode">
Output: