¿Es posible que padding en un elemento hijo afecte al posicionamiento de un elemento padre? Trabajo replicando <a href="https://www.quor...

¿Es posible que padding en un elemento hijo afecte al posicionamiento de un elemento padre?

Trabajo replicando este sitio. Estoy intentando no utilizar flex o grid porque quiero practicar position y los valores “inline”, “inline-block” y “block” de display.

Sin embargo, mientras intento posicionar el texto “placeholder” del input usando padding, este parece afectar el posicionamiento del div contenedor, que a su vez afecta el posicionamiento del input de barra de búsqueda. Lo que quisiese que pasase es que el padding sea independiente del div, o al menos, poder ubicar establemente el “placeholder” en el input y el input dentro del header. Por favor, avísenme si hay mejores formas de hacer esto que no involucren flex y grid. Me encantaría ser capaz de posicionar el “placeholder” sin reorganizar el input o su contenedor div.

Link del repositorio: https://github.com/Tom4sBeltr4n/quora-replica/