[Plugin: Contact Form 7] Positioning of wpcf7-not-valid-tip in php

Hi there,

I read that we can position the response message with a tag but not with the valid-tool-tip.

I’d like to have the tool tip to appear next to the label(above the text field) instead of by the side as it spans out of the page.

I use an unordered list for my form. I noted the tooltip is using ‘span’ and I changed all reference to ‘li’. and it now appears below the text field. However, regardless how I style it with css, I can’t move it next to label or above the text field. I reckon is the way it is hardcoded and my knowledge on php and js is worst than my css.
If you have a solution, can you let me know how can I change the order of the li to have the tool tip appear above the text field/next to the label instead of after the text field?

Thanks!

https://www.ads-software.com/extend/plugins/contact-form-7/