[Ayuda]: Elemento al crecer me tapa otro diferente

[Miguelcarp14]

Lo que pasa es que tengo un menu horizontal en el que tengo el boton de perfil, el boton dice el nombre del usuario. Igual que facebook y a la derecha tengo el boton inicio, lo que pasa es que si el nombre del usuario es mas largo (tiene mas caracteres) por ende se va a ensanchar mas, pero tapa una parte del boton inicio. Lo quisiera es que el espaciado entre los dos se respete y sea el mismo sin importar el nombre o cantidad de caracteres que uno tenga. Lo único que quisiera si se pudiera es el código base para hacerlo, no les pido q me den el código completo y con el boton con estilos. Solamente la base. Gracias desde ya y espero me hayan entendido !