Как сделать так чтобы текст не съезжал?

Question

[Денис Соколов]

Когда я нажимаю на кнопку то у меня происходит вот это

<div className={active ? "nav-button dark active" : "nav-button dark"}>
            <img src={profilePhoto} alt="" onClick={() => setActive(!active)}/>
            <>
                <a href="/profile" className={active ? "nav-button__link dark active": "nav-button__link dark"}>
                    <img src={profile} alt=""/>
                </a>
                <a href="/setting" className={active ? "nav-button__link dark active": "nav-button__link dark"}>
                    <img src={settings} alt=""/>
                </a>
                <a href="/logout" className={active ? "nav-button__link dark active": "nav-button__link dark"}>
                    <img src={logout} alt=""/>
                </a>
            </>
        </div>

Comments

[WapSter]

Выведи из потока свой dropdown

[Денис Соколов]

Можете чуть понятнее я чтото непонял из какого потока

[Вадим]

Денис Соколов, появление элементов влияет на размер родительского контейнера, так как они находятся в нормальном потоке.
Для исключения из потока используется position: absolute или fixed.

[Lord_Dantes]

sashabeep, а float ...

Answer 1

[platinum-trade]

Если сдвиг на пару пикселей, тогда надо занулить параметр border:none;