How to use general successor sibling ~ and ::before ::after pseudo-elements?

Question

I\'m working on a CSS for a form where the ::before element of some fields act as a left margin. In order to prevent the text of the following example to go under t