Align tags to the middle of input elements

[asim-shrestha]

For input elements, the current tag alignments will place the tag at the top left of the input container. Typically text/placeholder text will be placed in the middle of the container which means the tags won't be correctly lined up with them

[asim-shrestha]

So further investigating, this is occuring due to the fact that the text for input elements is not a separate element or text node, rather it is a property of the input itself. We should have someway to append the tag into the placeholder text or the input text (and also select box options)