Align Hyperlink Note Item to Right Edge of Page

[JacobWBrown]

I'm working on a Survey123 form to intake public requests for service for the small community I work for. I am trying to include a short PDF tutorial within the form. I've created a hyperlink that leads to my tutorial document and it seems to work fine.

The problem arises when I try to apply styling to this note field. I'm attempting to align the hyperlink text to right-side of the form so that it can site in the top right corner. I've tried using the style attribute within the <a> element as well as the <span> method outline in this document: Survey123 Tricks of the Trade: Quick guide to modernize HTML formatting tags in your survey (esri.co.... Neither of these have worked.

Does anybody know of a simple way to style a note field with a hyperlink so that it aligns to the right side of the page?

[abureaux]

My super high-quality graphic here will help explain why <div> is the tag for the job.

If you "center" align a <span>, technically it will work, but you are only centering your text onto itself (so, not really any use).

Whereas, if you center your text in a <div> tag, you are doing so relative to the page.

The text-align style accepts: left, right, center, justify.

S123 "modern HTML formatting" is, at its core, just HTML formatting. w3schools has a lot of helpful documents. Just keep in mind that S123 doesn't accept all HTML formatting.

[JacobWBrown]

Unfortunately, placing a div around the <a> element and styling the <div> did not work either.